npm - globuswebcomponents - Versions diffs - 1.6.7 → 1.6.8 - Mend

globuswebcomponents 1.6.7 → 1.6.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 (16) hide show

package/dist/globuscomponents/p-fed2c1e0.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r,h as n,g as e,a,c as t,F as o}from"./p-Dlqa7tPI.js";import{O as i,B as d,S as l}from"./p-cHn6O-Kf.js";const g='/* @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host{\r\n width: fit-content;\r\n}\r\n\r\n.avatar{\r\n position: relative;\r\n width: fit-content;\r\n border-radius: var(--rounded-full);\r\n cursor: pointer;\r\n}\r\n\r\n.inner_content.xxs{\r\n width: 1.125rem;\r\n height: 1.125rem;\r\n}\r\n\r\n.inner_content.xs{\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.inner_content.sm{\r\n width: 2rem;\r\n height: 2rem;\r\n}\r\n\r\n.inner_content.md{\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\n.inner_content.lg{\r\n width: 3rem;\r\n height: 3rem;\r\n}\r\n\r\n.inner_content.xl{\r\n width: 3.5rem;\r\n height: 3.5rem;\r\n}\r\n\r\n.inner_content.xl2{\r\n width: 4rem;\r\n height: 4rem;\r\n}\r\n\r\n.inner_content.profile_sm{\r\n width: 4.5rem;\r\n height: 4.5rem;\r\n}\r\n\r\n.inner_content.profile_md{\r\n width: 6rem;\r\n height: 6rem;\r\n}\r\n\r\n.inner_content.profile_lg{\r\n width: 10rem;\r\n height: 10rem;\r\n}\r\n\r\n::slotted(img){\r\n width: 100%;\r\n height: 100%;\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.placeholder,\r\n.initials{\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.indicator{\r\n position: absolute;\r\n bottom: -0.1rem;\r\n right: -0.03rem;\r\n}\r\n\r\n/ Size Styles /\r\n.user_avatar.xxs{\r\n width: 0.75rem;\r\n height: 0.75rem;\r\n}\r\n\r\n.user_avatar.xs{\r\n width: var(--spacing-4);\r\n height: var(--spacing-4);\r\n}\r\n\r\n.user_avatar.sm{\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n}\r\n\r\n.user_avatar.md{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\n.user_avatar.lg{\r\n width: 1.75rem;\r\n height: 1.75rem;\r\n}\r\n\r\n.user_avatar.xl{\r\n width: 2rem;\r\n height: 2rem;\r\n}\r\n\r\n.user_avatar.xl2{\r\n width: 2rem;\r\n height: 2rem;\r\n}\r\n\r\n.user_avatar.profile_sm{\r\n width: 2.25rem;\r\n height: 2.25rem;\r\n}\r\n\r\n.user_avatar.profile_md{\r\n width: 3rem;\r\n height: 3rem;\r\n}\r\n\r\n.user_avatar.profile_lg{\r\n width: 5rem;\r\n height: 5rem;\r\n}\r\n\r\n/ Avatar Color Styles /\r\n.initials.gray,\r\n.placeholder.gray{\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.initials.gray:hover,\r\n.placeholder.gray:hover{\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\n.initials.gray:active,\r\n.placeholder.gray:active{\r\n background-color: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.initials.blue,\r\n.placeholder.blue{\r\n background-color: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\n.initials.blue:hover,\r\n.placeholder.blue:hover{\r\n background-color: var(--color-background-information-subtle, #9AC7F4);\r\n}\r\n\r\n.initials.blue:active,\r\n.placeholder.blue:active{\r\n background-color: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.initials.cyan,\r\n.placeholder.cyan{\r\n background-color: var(--color-background-discovery-subtler, #E0F2FE);\r\n}\r\n\r\n.initials.cyan:hover,\r\n.placeholder.cyan:hover{\r\n background-color: var(--color-background-discovery-subtle, #B9E6FE);\r\n}\r\n\r\n.initials.cyan:active,\r\n.placeholder.cyan:active{\r\n background-color: var(--color-background-discovery-subtlest, #F0F9FF);\r\n}\r\n\r\n.initials.pink,\r\n.placeholder.pink{\r\n background-color: var(--color-background-pink-subtler, #FCE7F6);\r\n}\r\n\r\n.initials.pink:hover,\r\n.placeholder.pink:hover{\r\n background-color: var(--color-background-pink-subtle, #FCCEEE);\r\n}\r\n\r\n.initials.pink:active,\r\n.placeholder.pink:active{\r\n background-color: var(--color-background-pink-subtlest, #FDF2FA);\r\n}\r\n\r\n.initials.purple,\r\n.placeholder.purple{\r\n background-color: var(--color-background-purple-subtler, #EBE9FE);\r\n}\r\n\r\n.initials.purple:hover,\r\n.placeholder.purple:hover{\r\n background-color: var(--color-background-purple-subtle, #D9D6FE);\r\n}\r\n\r\n.initials.purple:active,\r\n.placeholder.purple:active{\r\n background-color: var(--color-background-purple-subtlest, #F4F3FF);\r\n}\r\n\r\n.initials.green,\r\n.placeholder.green{\r\n background-color: var(--color-background-success-subtler, #DCFAE6);\r\n}\r\n\r\n.initials.green:hover,\r\n.placeholder.green:hover{\r\n background-color: var(--color-background-success-subtle, #A9EFC5);\r\n}\r\n\r\n.initials.green:active,\r\n.placeholder.green:active{\r\n background-color: var(--color-background-success-subtlest, #ECFDF3);\r\n}\r\n\r\n.initials.yellow,\r\n.placeholder.yellow{\r\n background-color: var(--color-background-warning-subtler, #FEF0C7);\r\n}\r\n\r\n.initials.yellow:hover,\r\n.placeholder.yellow:hover{\r\n background-color: var(--color-background-warning-subtle, #FEDF89);\r\n}\r\n\r\n.initials.yellow:active,\r\n.placeholder.yellow:active{\r\n background-color: var(--color-background-warning-subtlest, #FFFAEB);\r\n}\r\n\r\n::slotted([slot="initials"].gray){\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot="initials"].blue){\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n::slotted([slot="initials"].cyan){\r\n color: var(--color-text-discovery, #0086C9);\r\n}\r\n\r\n::slotted([slot="initials"].pink){\r\n color: var(--color-text-pink, #DD2590);\r\n}\r\n\r\n::slotted([slot="initials"].purple){\r\n color: var(--color-text-purple, #6938EF);\r\n}\r\n\r\n::slotted([slot="initials"].green){\r\n color: var(--color-text-success, #079455);\r\n}\r\n\r\n::slotted([slot="initials"].yellow){\r\n color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n.user_avatar.gray path{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.user_avatar.blue path{\r\n fill: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.user_avatar.cyan path{\r\n fill: var(--color-icon-discovery, #0086C9);\r\n}\r\n\r\n.user_avatar.pink path{\r\n fill: var(--color-icon-pink, #DD2590);\r\n}\r\n\r\n.user_avatar.purple path{\r\n fill: var(--color-icon-purple, #6938EF);\r\n}\r\n\r\n.user_avatar.green path{\r\n fill: var(--color-icon-success, #079455);\r\n}\r\n\r\n.user_avatar.yellow path{\r\n fill: var(--color-icon-warning, #DC6803);\r\n}';const s=class{constructor(n){r(this,n);this.placeholder=false;this.text=true;this.statusIcon="";this.state=i.Online;this.icon="user";this.showBorder=false;this.weight=d.Light;this.colorClasses=["gray","blue","cyan","green","purple","pink","yellow"]}getInitialsSize(){switch(this.size){case"xl2":return"display-xs-semi-bold";case"xl":return"text-xl-semi-bold";case"lg":return"text-lg-semi-bold";case"md":return"text-md-semi-bold";case"sm":return"text-sm-semi-bold";case"xs":return"text-xs-semi-bold";case"xxs":return"text-xxs-semi-bold"}}setWeight(){if(this.showBorder){switch(this.size){case"xl2":return d.Regular;case"xl":return d.Regular;case"lg":return d.Regular;case"md":return d.Regular;case"sm":return d.Light;case"xs":return d.Light;case"xxs":return d.VeryLight}}}applyColorToInitials(){switch(this.color){case"gray":return"gray";case"blue":return"blue";case"cyan":return"cyan";case"pink":return"pink";case"purple":return"purple";case"green":return"green";case"yellow":return"yellow"}}getRandomColorClass(){const r=Math.floor(Math.random()this.colorClasses.length);return this.colorClasses[r]}componentDidLoad(){const r=this.el.querySelector("h1");if(r){r.classList.add(this.getInitialsSize());r.classList.add(this.assignedColorClass)}}componentWillLoad(){if(!this.color){this.assignedColorClass=this.getRandomColorClass()}else{this.assignedColorClass=this.color.toLowerCase()}}render(){const r=`${this.assignedColorClass}`;return[n("div",{key:"78e2c5ac5e18202082587b6cc05fe1661cc61a05",class:"avatar"},n("gb-avatar-contrast-inner-border",{key:"2856f2666039b404fd06150d6441647cbd63d9a8","show-border":this.showBorder,size:this.size,weight:this.weight},n("div",{key:"8382962a4a83bdaebf09b0bfcd580885576a4db5",class:`inner_content ${this.size}`},this.text?n("div",{class:`initials ${r}`},n("slot",{name:"initials"})):n("slot",{name:"image"}),this.placeholder&&n("div",{key:"f62eb574911d0a34be993147087198d710e208b1",class:`placeholder ${r}`},this.icon==="user"&&n("svg",{key:"263a792c06ae9fb3440efb136686538a3b359cc8",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",class:`user_avatar ${this.size} ${r}`},n("path",{key:"f31da27dcce83d6cf3c56849d09aa481d8cb29b0",d:"M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z",fill:"#697586"}),n("path",{key:"b38bd33c4bc198ee17ed5fbe0dc18909a693494b",d:"M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z",fill:"#697586"}))))),n("gb-status-indicator",{key:"228931dc70c36541a30e06c81d761f04b57a9bfe",class:`indicator ${this.size}`,"status-icon":this.statusIcon,size:this.size,state:this.state}))]}get el(){return e(this)}};s.style=g;const b='/* @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.inner_border{\r\n border-radius: var(--rounded-full);\r\n width: fit-content;\r\n height: fit-content;\r\n}\r\n\r\n.inner_border.very_light.no_border{\r\n border: 0.3px solid transparent;\r\n}\r\n\r\n.inner_border.light.no_border{\r\n border: 0.5px solid transparent;\r\n}\r\n\r\n.inner_border.regular.no_border{\r\n border: 0.75px solid transparent;\r\n}\r\n\r\n.inner_border.heavy.no_border{\r\n border: 1px solid transparent;\r\n}\r\n\r\n/ Weights /\r\n.inner_border.very_light{\r\n border: 0.3px solid var(--color-blanket-subtler, rgba(33, 44, 101, 0.2));\r\n}\r\n\r\n.inner_border.light{\r\n border: 0.5px solid var(--color-blanket-subtler, rgba(33, 44, 101, 0.2));\r\n}\r\n\r\n.inner_border.regular{\r\n border: 0.75px solid var(--color-blanket-subtler, rgba(33, 44, 101, 0.2));\r\n}\r\n\r\n.inner_border.heavy{\r\n border: 1px solid var(--color-blanket-subtler, rgba(33, 44, 101, 0.2));\r\n}';const c=class{constructor(n){r(this,n);this.showBorder=false}setWeight(){if(this.showBorder){switch(this.size){case"xl2":return d.Regular;case"xl":return d.Regular;case"lg":return d.Regular;case"md":return d.Regular;case"sm":return d.Light;case"xs":return d.Light;case"xxs":return d.VeryLight;case"profile_lg":return d.Heavy;case"profile_md":return d.Heavy;case"profile_sm":return d.Regular}}}render(){return n("div",{key:"abaac2ec086e940d814871a7c248dab66be775a5",class:`inner_border ${this.size} ${this.weight} ${!this.showBorder?"no_border":""}`},n("slot",{key:"b104f62287da3db71e86d6f72f95bc4c86dc82f5"}))}};c.style=b;const m='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host{\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n}\r\n\r\ndiv{\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0px;\r\n flex-shrink: 0;\r\n text-align: center;\r\n}\r\n\r\n.label {\r\n padding: 2px;\r\n}\r\n\r\n.icon {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\ndiv.sm{\r\n height: 22px;\r\n min-height: 22px;\r\n gap: 0.25rem;\r\n padding: var(--spacing-none) var(--spacing-2);\r\n}\r\n\r\ndiv.md {\r\n height: var(--spacing-6);\r\n min-height: var(--spacing-6);\r\n padding: var(--spacing-none) var(--spacing-2);\r\n gap: 0.38rem;\r\n}\r\n\r\ndiv.lg {\r\n height: 28px;\r\n min-height: 28px;\r\n gap: 0.38rem;\r\n padding: var(--spacing-none) var(--spacing-2);\r\n}\r\n\r\ndiv.pill_color {\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\ndiv.pill_color.gray,\r\n.badge_color.gray {\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.pill_color.primary,\r\n.badge_color.primary {\r\n border: 1px solid #C8E0F9 /Color/Border/border-information-subtler/;\r\n background: var(--color-background-information-subtlest, #E4F0FC); \r\n color: var(--color-text-brandDarkBlue, #212C65);\r\n}\r\n\r\n.pill_color.error,\r\n.badge_color.error {\r\n border: 1px solid var(--color-border-danger-subtler, #FDE3E5);\r\n background: var(--color-background-danger-subtlest, #FEF1F2 );\r\n color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.pill_color.warning,\r\n.badge_color.warning {\r\n border: 1px solid var(--color-border-warning-subtler, #FEF0C7);\r\n background: var(--color-background-warning-subtlest, #FFFAEB);\r\n color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n.pill_color.success,\r\n.badge_color.success {\r\n border: 1px solid var(--color-border-success-subtler, #DCFAE6);\r\n background: var(--color-background-success-subtlest, #ECFDF3);\r\n color: var(--color-text-success, #079455);\r\n}\r\n\r\n.pill_color.discovery,\r\n.badge_color.discovery {\r\n border: 1px solid var(--color-border-discovery-subtler, #E0F2FE);\r\n background: var(--color-background-discovery-subtlest,#F0F9FF);\r\n color: var(--color-text-discovery, #0086C9);\r\n}\r\n\r\n.pill_color.information,\r\n.badge_color.information {\r\n border: 1px solid var(--color-border-information-subtler, #C8E0F9);\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.pill_color.pink,\r\n.badge_color.pink {\r\n border: 1px solid var(--color-border-pink-subtler, #FCE7F6);\r\n background: var(--color-background-pink-subtlest, #FDF2FA);\r\n color: var(--color-text-pink, #DD2590);\r\n}\r\n\r\n.pill_color.purple,\r\n.badge_color.purple {\r\n border: 1px solid var(--color-border-purple-subtler, #EBE9FE);\r\n background: var(--color-background-purple-subtlest, #F4F3FF);\r\n color: var(--color-text-purple, #6938EF);\r\n}\r\n\r\n.pill_color svg,\r\n.badge_color svg,\r\n.pill_outline svg,\r\n.badge_modern svg {\r\n width: var(--spacing-2);\r\n height: var(--spacing-2);\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.gray svg path[stroke] {\r\n stroke: var(--color-icon, #4B5565) /var(--color-icon)/;\r\n}\r\n\r\n.gray svg path[fill] {\r\n fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n.primary svg path[stroke] {\r\n stroke: var(--color-icon-brandDarkBlue, #212C65);\r\n}\r\n\r\n.primary svg path[fill] {\r\n fill: var(--color-icon-brandDarkBlue, #212C65);\r\n}\r\n\r\n.error svg path[stroke] {\r\n stroke: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.error svg path[fill] {\r\n fill: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.warning svg path[stroke] {\r\n stroke: var(--color-icon-warning, #DC6803);\r\n}\r\n\r\n.warning svg path[fill] {\r\n fill: var(--color-icon-warning, #DC6803);\r\n}\r\n\r\n.icon.success svg path[stroke] {\r\n stroke: var(--color-icon-success, #079455);\r\n}\r\n\r\n.success svg path[fill] {\r\n fill: var(--color-icon-success, #079455);\r\n}\r\n\r\n.discovery svg path[stroke] {\r\n stroke: var(--color-icon-discovery, #0086C9);\r\n}\r\n\r\n.discovery svg path[fill] {\r\n fill: var(--color-icon-discovery, #0086C9);\r\n}\r\n\r\n.information svg path[stroke] {\r\n stroke: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.information svg path[fill] {\r\n fill: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.pink svg path[stroke] {\r\n stroke: var(--color-icon-pink, #DD2590);\r\n}\r\n\r\n.pink svg path[fill] {\r\n fill: var(--color-icon-pink, #DD2590);\r\n}\r\n\r\n.purple svg path[stroke] {\r\n stroke: var(--color-icon-purple, #6938EF);\r\n}\r\n\r\n.purple svg path[fill] {\r\n fill: var(--color-icon-purple, #6938EF);\r\n}\r\n\r\n.pill_outline {\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.pill_outline.gray {\r\n border: 1.5px solid var(--color-text, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.pill_outline.primary {\r\n border: 1.5px solid var(--color-text-brandDarkBlue, #212C65);\r\n color:var(--color-text-brandDarkBlue, #212C65);\r\n}\r\n\r\n.pill_outline.error {\r\n border: 1.5px solid var(--color-text-danger, #B51726);\r\n color:var(--color-text-danger, #B51726);\r\n}\r\n\r\n.pill_outline.warning {\r\n border: 1.5px solid var(--color-text-warning, #DC6803);\r\n color:var(--color-text-warning, #DC6803);\r\n}\r\n\r\n.pill_outline.success {\r\n border: 1.5px solid var(--color-text-success, #079455);\r\n color:var(--color-text-success, #079455);\r\n}\r\n\r\n.pill_outline.discovery {\r\n border: 1.5px solid var(--color-text-discovery, #0086C9);\r\n color: var(--color-text-discovery, #0086C9);\r\n}\r\n\r\n.pill_outline.information {\r\n border: 1.5px solid var(--color-text-information, #064E94);\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.pill_outline.pink {\r\n border: 1.5px solid var(--color-text-pink, #DD2590);\r\n color: var(--color-text-pink, #DD2590);\r\n}\r\n\r\n.pill_outline.purple {\r\n border: 1.5px solid var(--color-text-purple, #6938EF);\r\n color: var(--color-text-purple, #6938EF);\r\n}\r\n\r\n.badge_color {\r\n border-radius: var(--rounded-xs);\r\n}\r\n\r\n.badge_modern {\r\n border-radius: var(--rounded-xs);\r\n border: 1px solid var(--color-boarder-subtler, #E3E8EF);\r\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.badge_modern svg path {\r\n stroke: inherit; / Inherit color from the parent, but set in the component /\r\n fill: inherit;\r\n}\r\n\r\n.icon svg {\r\n width: var(--spacing-4);\r\n height: var(--spacing-4);\r\n margin-top: -2px;\r\n}\r\n\r\n.icon svg path[stroke] {\r\n stroke: currentColor;\r\n}\r\n\r\n.icon svg path[fill] {\r\n fill: currentColor;\r\n}\r\n\r\n#icon-only svg {\r\n width: var(--spacing-3);\r\n height: var(--spacing-3);\r\n}\r\n\r\ndiv.md #icon-only svg {\r\n padding: 2px;\r\n}\r\n\r\n#icon-only {\r\n display: flex;\r\n padding: var(--spacing-none);\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--spacing-1);\r\n flex-shrink: 0;\r\n border-radius: var(--rounded-full);\r\n}';const h=class{constructor(n){r(this,n);this.closeButton=false}getDotColor(r){const n={gray:"#4B5565",primary:"#212C65",error:"#B51726",warning:"#DC6803",success:"#079455",discovery:"#0BA5EC",information:"#064E94",pink:"#DD2590",purple:"#6938EF"};if(this.type==="badge_modern"){return n[r]\|\|r}return"currentColor"}async componentWillLoad(){if(this.iconLeadingSwap){const r=a(`${this.iconLeadingSwap}`);this.leadingIconContent=await this.fetchSvgContent(r)}if(this.iconTrailingSwap){const r=a(`${this.iconTrailingSwap}`);this.trailingIconContent=await this.fetchSvgContent(r)}}async fetchSvgContent(r){try{const n=await fetch(r);if(n.ok){return await n.text()}return""}catch(r){console.error("Error fetching SVG:",r);return""}}getTextClass(){switch(this.size){case"sm":return"text-xs-medium";case"md":return"text-sm-medium";case"lg":return"text-sm-medium"}}componentDidLoad(){const r=this.el.querySelector("p");if(r){r.classList.add(this.getTextClass())}}render(){const r={badge:true,[this.type]:true,[this.color]:true,[this.size]:true};const e=a(`${this.flagSwap}`);const t=this.type==="badge_modern"?this.getDotColor(this.color):"currentColor";return n("div",{key:"641211d0b86e09d314c074c28d281cab58895109",class:r},this.icon==="dot"&&n("svg",{key:"2b3eddbc73963846ab1a4b9511e686447f1fc25f",xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:t},n("circle",{key:"f7e83064b14a3b7ca11e496ecbcd7b2a1ea5a7db",cx:"4",cy:"4",r:"3"})),this.icon==="icon_leading"&&this.iconLeadingSwap&&n("div",{key:"3ba07aaa1457a8672e521d059d9c65d41cb9da8a",class:`icon left-icon`,innerHTML:this.leadingIconContent}),this.icon==="country"&&n("img",{key:"adfb6e743c6840b1cfb2f56367f190f87081d409",src:e,alt:"Country Icon"}),this.icon==="avatar"&&n("gb-avatar",{key:"c4a004e2fc3caec03236a5983a7cf4e196c1c7d1",class:"avatar-icon",size:"xxs","status-icon":"false"},n("slot",{key:"1246aa8e90c1d0d6af13a5c386c6d915fbd37193",name:"image",slot:"image"})),this.icon!=="only"&&n("slot",{key:"7a53d2c171fc068cf2e781f466579d43efc4662a"}),this.icon==="icon_trailing"&&this.iconTrailingSwap&&n("div",{key:"aa47584c9c16198fe374e9230aed877a182af0fa",class:`icon right-icon`,innerHTML:this.trailingIconContent}),this.icon==="only"&&n("div",{key:"3c46f777ccce27f2a989198508a49edc9048ab2b",id:"icon-only"},n("svg",{key:"77fbe814c806c0dc40ca4178885383e6fb4e0a0f",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",stroke:t},n("path",{key:"52bc1b251d8b90bd25bd9515d6dcbf1c0beb739c",d:"M6 2L6 10M10 6L2 6","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),this.closeButton&&this.icon!=="only"&&n("gb-badge-close",{key:"6af4c11cc5dfcc4589e522ae5422cdabb391dca9",color:this.color,type:"rounded"}))}static get assetsDirs(){return["assets"]}get el(){return e(this)}};h.style=m;const u='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\ndiv {\r\n display: flex;\r\n padding: var(--spacing-half);\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--spacing-none);\r\n height: fit-content;\r\n width: fit-content;\r\n cursor: pointer;\r\n}\r\n\r\ndiv svg{\r\n width: var(--spacing-3);\r\n height: var(--spacing-3);\r\n}\r\n\r\ndiv.square {\r\n border-radius: 3px;\r\n}\r\n\r\ndiv.rounded {\r\n border-radius: 8px;\r\n}\r\n\r\ndiv.gray, div.primary, div.error, div.warning, div.success, div.discovery, div.information, div.pink {\r\n background-color: transparent;\r\n}\r\n\r\ndiv.gray path{\r\n stroke: var(--color-icon, #4B5565); \r\n}\r\n\r\ndiv.primary path{\r\n stroke: var(--color-icon-brandDarkBlue, #212C65);\r\n}\r\n\r\ndiv.error path{\r\n stroke: var(--color-icon-danger, #B51726);\r\n}\r\n\r\ndiv.warning path{\r\n stroke: var(--color-icon-warning, #DC6803);\r\n}\r\n\r\ndiv.success path{\r\n stroke: var(--color-icon-success, #079455); \r\n}\r\n\r\ndiv.discovery path{\r\n stroke: var(--color-icon-discovery, #0086C9);\r\n}\r\n\r\ndiv.information path{\r\n stroke: var(--color-icon-information, #064E94);\r\n}\r\n\r\ndiv.pink path{\r\n stroke: var(--color-icon-pink, #DD2590); \r\n}\r\n\r\ndiv.gray:hover {\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\ndiv.primary:hover {\r\n background: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\ndiv.error:hover {\r\n background: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\ndiv.warning:hover {\r\n background: var(--color-background-warning-subtler, #FEF0C7);\r\n}\r\n\r\ndiv.success:hover {\r\n background: var(--color-background-success-subtler, #DCFAE6);\r\n}\r\n\r\ndiv.discovery:hover {\r\n background: var(--color-background-discovery-subtler, #E0F2FE);\r\n}\r\n\r\ndiv.information:hover {\r\n background: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\ndiv.pink:hover {\r\n background: var(--color-background-pink-subtler, #FCE7F6);\r\n}';const v=class{constructor(n){r(this,n)}render(){return n("div",{key:"1c2e67f34fda23ae54bee1faaa6b166c20bdcca3",class:`${this.color} ${this.type}`},n("svg",{key:"67334fe023b77cfcd308ccd542e03c19510ccedf",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},n("path",{key:"d6b5e5b15902affac0673a4267bfdc79bd2acfbb",d:"M9.50024 2.5L2.50024 9.5M2.50024 2.5L9.50024 9.5",stroke:"#4B5565","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})))}};v.style=u;const p='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host {\r\n width: fit-content;\r\n}\r\n\r\n.breadcrumb_button_base_div {\r\n cursor: pointer;\r\n}\r\n\r\n.breadcrumb_button_base_div.icon {\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n\r\n.icon_svg{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.icon_svg svg{\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon,\r\n.breadcrumb_button_base_div.button_gray.icon {\r\n padding: 0.25rem;\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary,\r\n.breadcrumb_button_base_div.button_gray {\r\n display: flex;\r\n width: fit-content;\r\n padding: var(--spacing-2);\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: var(--rounded-xs);\r\n}\r\n\r\n/ Default Icon Styles /\r\n.breadcrumb_button_base_div.text.icon .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current .icon_svg path[stroke]{\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current .icon_svg path[fill]{\r\n fill: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current .icon_svg path[stroke]{\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current .icon_svg path[fill]{\r\n fill: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current .icon_svg path[stroke]{\r\n stroke: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current .icon_svg path[fill]{\r\n fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n/ Hover Icon Styles /\r\n.breadcrumb_button_base_div.text.icon:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon:hover .icon_svg path[fill]{\r\n fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:hover .icon_svg path[fill]{\r\n fill: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon_svg path[fill]{\r\n fill: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:hover .icon_svg path[fill]{\r\n fill: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon_svg path[fill]{\r\n fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon-bold, #202939);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:hover .icon_svg path[fill]{\r\n fill: var(--color-icon-bold, #202939);\r\n}\r\n\r\n/ Active Icon Styles /\r\n.breadcrumb_button_base_div.text.icon:active .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon:active .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:active .icon_svg path[stroke]{\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:active .icon_svg path[fill]{\r\n fill: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active .icon_svg path[stroke]{\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active .icon_svg path[fill]{\r\n fill: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:active .icon_svg path[stroke]{\r\n stroke: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:active .icon_svg path[fill]{\r\n fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.text {\r\n width: fit-content;\r\n}\r\n\r\n.breadcrumb_text {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.text:hover {\r\n text-decoration: underline;\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_text.text:active {\r\n text-decoration: none;\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.text.current.text {\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_text.text.current.text:hover {\r\n text-decoration: underline;\r\n color: var(--color-text-information, #064e94);\r\n}\r\n\r\n.breadcrumb_text.text.current.text:active {\r\n text-decoration: none;\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n/ Button Primary Styles /\r\n.breadcrumb_button_base_div.button_primary,\r\n.breadcrumb_button_base_div.button_primary.icon {\r\n background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary:hover,\r\n.breadcrumb_button_base_div.button_primary.icon:hover {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary:active,\r\n.breadcrumb_button_base_div.button_primary.icon:active {\r\n background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current,\r\n.breadcrumb_button_base_div.button_primary.current {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:hover,\r\n.breadcrumb_button_base_div.button_primary.current:hover {\r\n background: var(--color-background-information-subtler, #c8e0f9);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.current:hover {\r\n background: var(--color-background-information-subtler, #c8e0f9);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.current:active {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon path {\r\n fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon path {\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current .icon path {\r\n fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon path {\r\n fill: var(--color-icon-information, #064e94);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon path {\r\n fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_text {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_primary {\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_primary {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.button_primary.current {\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_primary.current {\r\n color: var(--color-text-information, #064e94);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_primary.current {\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n/ Button Gray Styles /\r\n.breadcrumb_button_base_div.button_gray,\r\n.breadcrumb_button_base_div.button_gray.icon {\r\n background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray:hover,\r\n.breadcrumb_button_base_div.button_gray.icon:hover {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray:active,\r\n.breadcrumb_button_base_div.button_gray.icon:active {\r\n background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current,\r\n.breadcrumb_button_base_div.button_gray.current {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:hover,\r\n.breadcrumb_button_base_div.button_gray.current:hover {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:active,\r\n.breadcrumb_button_base_div.button_gray.current:active {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon path {\r\n fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:active .icon path {\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current .icon path {\r\n fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon path {\r\n fill: var(--color-icon-bold, #202939);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:active .icon path {\r\n fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_text.button_gray {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_gray {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_gray {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.button_gray.current {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_gray.current {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_gray.current {\r\n color: var(--color-text, #4b5565);\r\n}\r\n';const f=class{constructor(n){r(this,n);this.current=false;this.icon=false;this.label="";this.iconSrc="";this.leadingIconSvg=""}async loadIcon(r){const n=a(`${r}`);const e=await fetch(n);const t=await e.text();this.leadingIconSvg=t}componentWillLoad(){this.loadIcon(this.iconSrc)}render(){return n("div",{key:"1f94d55c874c187149f3bdd079ff0de707c045d0",class:`breadcrumb_button_base_div ${this.type} ${this.icon?"icon":""} ${this.current?"current":""}`},this.icon?n("div",{class:`icon_svg`,innerHTML:this.leadingIconSvg}):n("p",{class:`breadcrumb_text text-sm-medium ${this.type} ${this.current?"current":""}`},this.label))}};f.style=p;const k='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host{\r\n width: 100%;\r\n}\r\n\r\n.breadcrumbs_div {\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n\r\n.breadcrumb-item{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.breadcrumbs_div.text_with_line {\r\n display: inline-flex;\r\n padding: 0.5rem 0rem;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.breadcrumbs_div.button_gray_with_border{\r\npadding: 0.25rem;\r\nalign-items: center;\r\nborder-radius: 0.5rem;\r\nborder: 1px solid var(--color-border-subtler, #CDD5DF);\r\nbackground: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.tabs {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.tabs.text,\r\n.tabs.text_with_line {\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.tabs.text_with_line {\r\n padding-left: var(--spacing-3);\r\n}\r\n\r\n.tabs.button_primary,\r\n.tabs.button_gray,\r\n.tabs.button_gray_with_border {\r\n gap: var(--spacing-2);\r\n}\r\n';const x=class{constructor(n){r(this,n);this.breadcrumbClicked=t(this,"breadcrumbClicked");this.type="text";this.divider="chevron";this.breadcrumbs=[];this.visibleBreadcrumbs=[]}componentWillLoad(){this.visibleBreadcrumbs=[...this.breadcrumbs];this.handleBreadcrumbUpdate()}handleBreadcrumbUpdate(){this.breadcrumbs=this.breadcrumbs}handleBreadcrumbClick(r,n){const e=this.visibleBreadcrumbs.findIndex((n=>n.id===r));if(e!==-1){this.visibleBreadcrumbs=this.visibleBreadcrumbs.slice(0,e+1);this.breadcrumbClicked.emit({id:r,url:n})}}handleHomeClick(){this.visibleBreadcrumbs=[];this.breadcrumbClicked.emit({id:"home"})}renderDivider(){return this.divider==="chevron"?n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n("path",{d:"M6 4C6 4 10 6.946 10 8C10 9.054 6 12 6 12",stroke:"#CDD5DF","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})):n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n("path",{d:"M5.833 18.333L14.167 1.667",stroke:"#CDD5DF","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}resolveType(){switch(this.type){case"text":case"text_with_line":return"text";case"button_primary":return"button_primary";case"button_gray":case"button_gray_with_border":return"button_gray";default:return"text"}}render(){const r=this.resolveType();return n("div",{key:"16c74b0ace5880bf3e555df29631feb08c83023b",class:`breadcrumbs_div ${this.type}`},n("div",{key:"677c54a91383955d78f6eca9a4c059c10349b6c2",class:`tabs ${this.type}`},n("gb-breadcrumb-button-base",{key:"b9859d89d5ae94e1ca983b934f264be15c9b156e",icon:true,"icon-src":this.icon,type:r,current:this.visibleBreadcrumbs.length===0,onClick:()=>this.handleHomeClick()}),this.visibleBreadcrumbs.map(((e,a)=>n("div",{class:"breadcrumb-item",key:e.id},this.renderDivider(),n("gb-breadcrumb-button-base",{icon:false,label:e.label,type:r,current:a===this.visibleBreadcrumbs.length-1,onClick:()=>this.handleBreadcrumbClick(e.id,e.url)}))))))}static get watchers(){return{breadcrumbs:["handleBreadcrumbUpdate"]}}};x.style=k;const y='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n/ {box-sizing: border-box; margin: 0; padding: 0;} /\r\n:host {\r\n --button-color: var(--primary-color);\r\n --icon-color: var(--primary-color);\r\n}\r\n\r\nbutton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: var(--rounded-sm);\r\n width: 100%;\r\n}\r\n\r\nbutton.only{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\nbutton .icon {\r\n display: inline-flex;\r\n width: auto;\r\n height: auto;\r\n}\r\n\r\nbutton .icon svg path[fill] {\r\n fill: var(--icon-color);\r\n}\r\n\r\nbutton .icon svg path[stroke] {\r\n stroke: var(--icon-color);\r\n}\r\n\r\nbutton .icon svg circle {\r\n stroke: var(--icon-color);\r\n}\r\n\r\n/* Button Sizes Styles /\r\nbutton.xl2{\r\n padding: var(--spacing-none) var(--spacing-6);\r\n height: 3.5rem;\r\n gap: var(--spacing-3);\r\n}\r\n\r\nbutton.xl{\r\n padding: var(--spacing-none) var(--spacing-5);\r\n height: 3rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.lg{\r\n padding: 0.625rem 1.125rem;\r\n height: 2.75rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.md{\r\n padding: var(--spacing-none) var(--spacing-4);\r\n height: 2.5rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.sm{\r\n padding: var(--spacing-none) var(--spacing-3);\r\n height: 2.25rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.only.xl2{\r\n width: 3.5rem;\r\n height: 3.5rem;\r\n}\r\n\r\nbutton.only.xl{\r\n width: 3rem;\r\n height: 3rem;\r\n}\r\n\r\nbutton.only.lg{\r\n width: 2.75rem;\r\n height: 2.75rem;\r\n}\r\n\r\nbutton.only.md{\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\nbutton.only.sm{\r\n width: 2.25rem;\r\n height: 2.25rem;\r\n}\r\n\r\nbutton.xl2 .icon svg{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\nbutton.xl .icon svg,\r\nbutton.lg .icon svg,\r\nbutton.md .icon svg,\r\nbutton.sm .icon svg{\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n}\r\n\r\n/ Hierarchy Styles /\r\nbutton.primary {\r\n background-color: var(--color-background-brandRed, #E21B2E);\r\n --icon-color: var(--color-icon-inverse, #FFFFFF);\r\n color: var(--color-text-inverse, #FFFFFF);\r\n}\r\n\r\nbutton.secondary_gray {\r\n background-color: transparent;\r\n border: 1px solid var(--color-border, #9AA4B2);\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\nbutton.secondary_color {\r\n background-color: transparent;\r\n border: 1px solid var(--color-border-brandRed, #E21B2E);\r\n --icon-color: var(--color-icon-brandRed, #E21B2E);\r\n color: var(--color-text-brandRed, #E21B2E);\r\n}\r\n\r\nbutton.tertiary_gray {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\nbutton.tertiary_color {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon-brandRed, #E21B2E);\r\n color: var(--color-text-brandRed, #E21B2E);\r\n}\r\n\r\nbutton.link_gray {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n height: fit-content;\r\n}\r\n\r\nbutton.link_color {\r\n background-color: transparent;\r\n --icon-color: var(--color-link, #075DB2);\r\n color: var(--color-link, #075DB2);\r\n padding: var(--spacing-none);\r\n height: fit-content;\r\n}\r\n\r\n/ Button Destructive Styles /\r\nbutton.primary.destructive{\r\n background-color: var(--color-background-danger, #B51726);\r\n color: var(--color-text-inverse, #FFFFFF);\r\n --icon-color: var(--color-icon-danger-inverse, #FFFFFF);\r\n}\r\n\r\nbutton.secondary_gray.destructive, button.secondary_color.destructive{\r\n border: 1px solid var(--color-border-danger, #B51726);\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\nbutton.tertiary_gray.destructive,\r\nbutton.tertiary_color.destructive{\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\nbutton.link_gray.destructive, \r\nbutton.link_color.destructive{\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n/ Button States Styles /\r\nbutton.primary:hover{\r\n background-color: var(--color-background-brandRed-hover, #CC1A2A);\r\n}\r\n\r\nbutton.primary:active{\r\n background-color: var(--color-background-brandRed-pressed, #B51726);\r\n}\r\n\r\nbutton.secondary_gray:hover{\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\nbutton.secondary_gray:active{\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\nbutton.secondary_color:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.secondary_color:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.tertiary_gray:hover{\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\nbutton.tertiary_gray:active{\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\nbutton.tertiary_color:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.tertiary_color:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.link_gray:hover,\r\nbutton.link_color:hover{\r\n text-decoration: underline;\r\n}\r\n\r\nbutton.link_gray:active{\r\n text-decoration: none;\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\nbutton.link_color:active{\r\n text-decoration: none;\r\n color: var(--color-link-pressed, #064E94);\r\n}\r\n\r\nbutton.primary.destructive:hover{\r\n background-color: var(--color-background-danger-bold, #8C121D);\r\n}\r\n\r\nbutton.primary.destructive:active{\r\n background-color: var(--color-background-brandRed-hover, #CC1A2A); / ask Mr Gideon about this /\r\n}\r\n\r\nbutton.secondary_gray.destructive:hover, \r\nbutton.secondary_color.destructive:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.secondary_gray.destructive:active, \r\nbutton.secondary_color.destructive:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.tertiary_gray.destructive:hover, \r\nbutton.tertiary_color.destructive:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.tertiary_gray.destructive:active, \r\nbutton.tertiary_color.destructive:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.link_gray.destructive:active{\r\n color: var(--color-text-danger-bold, #8C121D);\r\n}\r\n\r\nbutton.link_color.destructive:active{\r\n color: var(--color-text-warning-bold, #93370D);\r\n}\r\n\r\n/ Button Disabled Styles /\r\nbutton.disabled{\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\nbutton.primary.disabled {\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\nbutton.secondary_gray.disabled,\r\nbutton.secondary_color.disabled{\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\nbutton.tertiary_gray.disabled,\r\nbutton.tertiary_color.disabled,\r\nbutton.link_gray.disabled,\r\nbutton.link_color.disabled{\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\n.btn_text{\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n}';const w=class t{constructor(n){r(this,n);this.destructive=false;this.iconLeading=false;this.iconTrailing=false;this.leadingIconSvg="";this.trailingIconSvg=""}componentWillLoad(){if(this.iconLeading&&this.iconLeadingSwap){this.loadIcon(this.iconLeadingSwap,"leading")}if(this.iconTrailing&&this.iconTrailingSwap){this.loadIcon(this.iconTrailingSwap,"trailing")}const r=this.el.querySelector("p");if(r){r.classList.add(this.getButtonTextClasses());r.classList.add("nowrap")}}async loadIcon(r,n){const e=a(`${r}`);const t=await fetch(e);const o=await t.text();if(n==="leading"){this.leadingIconSvg=o}else{this.trailingIconSvg=o}}getButtonClasses(){return{button:true,[this.size]:true,[this.hierarchy]:true,destructive:this.destructive,disabled:this.state==="disabled",default:this.icon==="default",only:this.icon==="only"}}getButtonTextClasses(){switch(this.size){case"xl2":return"text-lg-semi-bold";case"xl":return"text-md-semi-bold";case"lg":return"text-md-semi-bold";case"md":return"text-sm-semi-bold";case"sm":return"text-sm-semi-bold"}}renderLeadingIcon(){return n("div",{class:`icon left-icon ${this.size}`,innerHTML:this.leadingIconSvg})}renderTrailingIcon(){return n("div",{class:"icon right-icon",innerHTML:this.trailingIconSvg})}render(){return n("button",{key:"7fba478bb4ec5cf7341ef16e12dfbf2be62b04e7",class:this.getButtonClasses()},this.iconLeading&&this.icon==="default"&&this.renderLeadingIcon(),this.icon==="default"&&n("div",{key:"607972ad9ff3f7ba1cf319b906b48733ba4e2a4e",class:`btn_text`},n("slot",{key:"85daa13aab8dd9f8b407a025645bb1cc108880af"})),this.iconTrailing&&this.renderTrailingIcon(),this.icon==="only"&&this.renderLeadingIcon())}get el(){return e(this)}};w.style=y;const C='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host {\r\n --button-color: var(--primary-color);\r\n --icon-color: var(--primary-color);\r\n}\r\n\r\nbutton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: var(--rounded-sm);\r\n width: 100%;\r\n}\r\n\r\nbutton.only{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\nbutton .icon {\r\n display: inline-flex;\r\n width: auto;\r\n height: auto;\r\n}\r\n\r\nbutton .icon svg path[fill] {\r\n fill: var(--icon-color);\r\n}\r\n\r\nbutton .icon svg path[stroke] {\r\n stroke: var(--icon-color);\r\n}\r\n\r\nbutton .icon svg circle {\r\n stroke: var(--icon-color);\r\n}\r\n\r\n/ Button Sizes Styles /\r\nbutton.xl2{\r\n padding: var(--spacing-none) var(--spacing-6);\r\n height: 3.5rem;\r\n gap: var(--spacing-3);\r\n}\r\n\r\nbutton.xl{\r\n padding: var(--spacing-none) var(--spacing-5);\r\n height: 3rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.lg{\r\n padding: 0.625rem 1.125rem;\r\n height: 2.75rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.md{\r\n padding: var(--spacing-none) var(--spacing-4);\r\n height: 2.5rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.sm{\r\n padding: var(--spacing-none) var(--spacing-3);\r\n height: 2.25rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.only.xl2{\r\n width: 3.5rem;\r\n height: 3.5rem;\r\n}\r\n\r\nbutton.only.xl{\r\n width: 3rem;\r\n height: 3rem;\r\n}\r\n\r\nbutton.only.lg{\r\n width: 2.75rem;\r\n height: 2.75rem;\r\n}\r\n\r\nbutton.only.md{\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\nbutton.only.sm{\r\n width: 2.25rem;\r\n height: 2.25rem;\r\n}\r\n\r\nbutton.xl2 .icon svg{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\nbutton.xl .icon svg,\r\nbutton.lg .icon svg,\r\nbutton.md .icon svg,\r\nbutton.sm .icon svg{\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n}\r\n\r\n/ Hierarchy Styles /\r\nbutton.primary {\r\n background-color: var(--color-background-brandRed, #E21B2E);\r\n --icon-color: var(--color-icon-inverse, #FFFFFF);\r\n color: var(--color-text-inverse, #FFFFFF);\r\n}\r\n\r\nbutton.secondary_gray {\r\n background-color: transparent;\r\n border: 1px solid var(--color-border, #9AA4B2);\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\nbutton.secondary_color {\r\n background-color: transparent;\r\n border: 1px solid var(--color-border-brandRed, #E21B2E);\r\n --icon-color: var(--color-icon-brandRed, #E21B2E);\r\n color: var(--color-text-brandRed, #E21B2E);\r\n}\r\n\r\nbutton.tertiary_gray {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\nbutton.tertiary_color {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon-brandRed, #E21B2E);\r\n color: var(--color-text-brandRed, #E21B2E);\r\n}\r\n\r\nbutton.link_gray {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n padding: var(--spacing-none);\r\n height: fit-content;\r\n}\r\n\r\nbutton.link_color {\r\n background-color: transparent;\r\n --icon-color: var(--color-link, #075DB2);\r\n color: var(--color-link, #075DB2);\r\n padding: var(--spacing-none);\r\n height: fit-content;\r\n}\r\n\r\n/ Button Destructive Styles /\r\nbutton.primary.destructive{\r\n background-color: var(--color-background-danger, #B51726);\r\n color: var(--color-text-inverse, #FFFFFF);\r\n --icon-color: var(--color-icon-danger-inverse, #FFFFFF);\r\n}\r\n\r\nbutton.secondary_gray.destructive, button.secondary_color.destructive{\r\n border: 1px solid var(--color-border-danger, #B51726);\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\nbutton.tertiary_gray.destructive,\r\nbutton.tertiary_color.destructive{\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\nbutton.link_gray.destructive, \r\nbutton.link_color.destructive{\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n/ Button States Styles /\r\nbutton.primary:hover{\r\n background-color: var(--color-background-brandRed-hover, #CC1A2A);\r\n}\r\n\r\nbutton.primary:active{\r\n background-color: var(--color-background-brandRed-pressed, #B51726);\r\n}\r\n\r\nbutton.secondary_gray:hover{\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\nbutton.secondary_gray:active{\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\nbutton.secondary_color:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.secondary_color:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.tertiary_gray:hover{\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\nbutton.tertiary_gray:active{\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\nbutton.tertiary_color:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.tertiary_color:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.link_gray:hover,\r\nbutton.link_color:hover{\r\n text-decoration: underline;\r\n}\r\n\r\nbutton.link_gray:active{\r\n text-decoration: none;\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\nbutton.link_color:active{\r\n text-decoration: none;\r\n color: var(--color-link-pressed, #064E94);\r\n}\r\n\r\nbutton.primary.destructive:hover{\r\n background-color: var(--color-background-danger-bold, #8C121D);\r\n}\r\n\r\nbutton.primary.destructive:active{\r\n background-color: var(--color-background-brandRed-hover, #CC1A2A); / ask Mr Gideon about this /\r\n}\r\n\r\nbutton.secondary_gray.destructive:hover, \r\nbutton.secondary_color.destructive:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.secondary_gray.destructive:active, \r\nbutton.secondary_color.destructive:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.tertiary_gray.destructive:hover, \r\nbutton.tertiary_color.destructive:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.tertiary_gray.destructive:active, \r\nbutton.tertiary_color.destructive:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.link_gray.destructive:active{\r\n color: var(--color-text-danger-bold, #8C121D);\r\n}\r\n\r\nbutton.link_color.destructive:active{\r\n color: var(--color-text-warning-bold, #93370D);\r\n}\r\n\r\n/ Button Disabled Styles /\r\nbutton.disabled{\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\nbutton.primary.disabled {\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\nbutton.secondary_gray.disabled,\r\nbutton.secondary_color.disabled{\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\nbutton.tertiary_gray.disabled,\r\nbutton.tertiary_color.disabled,\r\nbutton.link_gray.disabled,\r\nbutton.link_color.disabled{\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\n.btn_text{\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.btn_text::first-letter{\r\n text-transform: uppercase;\r\n}';const B=class{constructor(n){r(this,n);this.destructive=false;this.iconLeading=false;this.iconTrailing=false;this.leadingIconSvg="";this.trailingIconSvg=""}componentWillLoad(){if(this.iconLeading&&this.iconLeadingSwap){this.loadIcon(this.iconLeadingSwap,"leading")}if(this.iconTrailing&&this.iconTrailingSwap){this.loadIcon(this.iconTrailingSwap,"trailing")}const r=this.el.querySelector("p");if(r){r.classList.add(this.getButtonTextClasses());r.classList.add("nowrap")}}async loadIcon(r,n){const e=a(`${r}`);const t=await fetch(e);const o=await t.text();if(n==="leading"){this.leadingIconSvg=o}else{this.trailingIconSvg=o}}getButtonClasses(){return{button:true,[this.size]:true,[this.hierarchy]:true,destructive:this.destructive,disabled:this.state==="disabled",default:this.icon==="default",only:this.icon==="only",oneicon:this.iconLeading\|\|this.iconTrailing}}getButtonTextClasses(){switch(this.size){case"xl2":return"text-lg-semi-bold";case"xl":return"text-md-semi-bold";case"lg":return"text-md-semi-bold";case"md":return"text-sm-semi-bold";case"sm":return"text-sm-semi-bold"}}renderLeadingIcon(){return n("div",{class:`icon left-icon ${this.size}`,innerHTML:this.leadingIconSvg})}renderTrailingIcon(){return n("div",{class:"icon right-icon",innerHTML:this.trailingIconSvg})}render(){return n("button",{key:"0616f0dcab44ca4d1de0df7c9c50d5eba8aab10e",disabled:this.state==="disabled",class:this.getButtonClasses()},this.iconLeading&&this.icon==="default"&&this.renderLeadingIcon(),this.icon==="default"&&n("slot",{key:"833d3b309676f0a71aff32fefe296bb123ae2388"}),this.iconTrailing&&this.renderTrailingIcon(),this.icon==="only"&&this.renderLeadingIcon())}static get assetsDirs(){return[""]}get el(){return e(this)}};B.style=C;const z='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\ndiv {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--spacing-none);\r\n border-radius: var(--rounded-sm);\r\n height: fit-content;\r\n width: fit-content;\r\n cursor: pointer;\r\n}\r\n\r\n/ Sizes /\r\ndiv.lg {\r\n padding: 0.625rem;\r\n}\r\n\r\ndiv.lg svg {\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\ndiv.md svg {\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n}\r\n\r\ndiv.sm {\r\n padding: var(--spacing-2);\r\n}\r\n\r\ndiv.md {\r\n padding: 0.625rem;\r\n}\r\n\r\n/ Colors /\r\ndiv.primary,\r\ndiv.information,\r\ndiv.success,\r\ndiv.gray,\r\ndiv.warning,\r\ndiv.error {\r\n background-color: transparent;\r\n}\r\n\r\ndiv.primary path {\r\n stroke: var(--color-icon-brandDarkBlue, #212C65);\r\n}\r\n\r\ndiv.success path {\r\n stroke: var(--color-icon-success, #079455);\r\n}\r\n\r\ndiv.information path {\r\n stroke: var(--color-icon-information, #064E94);\r\n}\r\n\r\ndiv.gray path {\r\n stroke: var(--color-icon, #4b5565);\r\n}\r\n\r\ndiv.warning path {\r\n stroke: var(--color-icon-warning, #DC6803);\r\n}\r\n\r\ndiv.error path {\r\n stroke: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n/ States /\r\ndiv.primary:hover {\r\n background-color: var(--color-background-discovery-subtler, #E0F2FE);\r\n}\r\n\r\ndiv.primary:hover path {\r\n stroke: var(--color-icon-brandRed, #E21B2E);\r\n}\r\n\r\ndiv.primary:active {\r\n background-color: var(--color-background-discovery-subtlest, #F0F9FF);\r\n}\r\n\r\ndiv.information:hover {\r\n background-color: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\ndiv.information:hover path {\r\n stroke: var(--color-icon-information-bold, #042F59);\r\n}\r\n\r\ndiv.information:active {\r\n background-color: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\ndiv.success:hover {\r\n background-color: var(--color-background-success-subtler, #DCFAE6);\r\n}\r\n\r\ndiv.success:hover path {\r\n stroke: var(--color-icon-success-bold, #085D3A);\r\n}\r\n\r\ndiv.success:active {\r\n background-color: var(--color-background-success-subtlest, #ECFDF3);\r\n}\r\n\r\ndiv.gray:hover {\r\n background-color: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\ndiv.gray:hover path {\r\n stroke: var(--color-icon-brandRed, #e21b2e);\r\n}\r\n\r\ndiv.gray:active {\r\n background-color: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\ndiv.warning:hover {\r\n background-color: var(--color-background-warning-subtler, #FEF0C7);\r\n}\r\n\r\ndiv.warning:hover path {\r\n stroke: var(--color-icon-warning-bold, #93370D);\r\n}\r\n\r\ndiv.warning:active {\r\n background-color: var(--color-background-warning-subtlest, #FFFAEB);\r\n}\r\n\r\ndiv.error:hover {\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\ndiv.error:hover path {\r\n stroke: var(--color-icon-danger-bold, #8C121D);\r\n}\r\n\r\ndiv.error:active {\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n';const F=class{constructor(n){r(this,n)}render(){return n("div",{key:"f9b037216a499c0e8d634e89c6eea93d19ec7448",class:`${this.size} ${this.color}`},n("svg",{key:"77478a8766eb80a9be792b3ca030932f16398ea2",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",class:`${this.size}`},n("path",{key:"92d8b9a142a61c50276da6510e0fa228fb6d395d",d:"M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))}};F.style=z;const R='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.card_icon_div {\r\n display: flex;\r\n width: fit-content;\r\n height: fit-content;\r\n padding: 0.6875rem;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.625rem;\r\n flex-shrink: 0;\r\n border-radius: 12.5rem;\r\n}\r\n\r\n.card_icon_div.blue {\r\n background: var(--color-background-information-subtler, #c8e0f9);\r\n}\r\n\r\n.card_icon_div.cyan {\r\n background: var(--color-background-discovery-subtler, #e0f2fe);\r\n}\r\n\r\n.card_icon_div.green {\r\n background: var(--color-background-success-subtler, #dcfae6);\r\n}\r\n\r\n.card_icon_div.purple {\r\n background: var(--color-background-purple-subtler, #ebe9fe);\r\n}\r\n\r\n.card_icon_div.yellow {\r\n background: var(--color-background-warning-subtler, #fef0c7);\r\n}\r\n\r\n.card_icon_div.gray {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.card_icon_div.red {\r\n background: var(--color-background-danger-subtler, #fde3e5);\r\n}\r\n\r\n.card_icon_div.white {\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\n.icon_svg {\r\n width: 1.125rem;\r\n height: 1.125rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.icon_svg path[stroke]{\r\n stroke: var(--color-icon-bold, #202939)\r\n}\r\n\r\n.icon_svg path[fill]{\r\n fill: var(--color-icon-bold, #202939)\r\n}';const _=class{constructor(n){r(this,n);this.icon="";this.leadingIconSvg=""}async loadIcon(r){const n=a(`${r}`);const e=await fetch(n);const t=await e.text();this.leadingIconSvg=t}componentWillLoad(){this.loadIcon(this.icon)}render(){return n("div",{key:"6317fd91801dd57364c8608ede4c3dc56ec90edb",class:`card_icon_div ${this.color}`},n("div",{key:"05659a147df5666cd43f31c80e0285c68d3061ec",class:`icon_svg`,innerHTML:this.leadingIconSvg}))}};_.style=R;const D='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host {\r\n display: block;\r\n\r\n}\r\n\r\n.alpha-mask {\r\n mask-type: alpha;\r\n}\r\n\r\n.comments-container {\r\n padding: 16px;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: var(--spacing-4);\r\n border-radius: 12px;\r\n border: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n / transition: 1s ease-in-out; /\r\n}\r\n\r\n.header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: fit-content;\r\n padding: 0.5rem;\r\n}\r\n\r\n.header.expanded{\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.header.collased{\r\n margin-bottom: 0;\r\n}\r\n\r\n.title-section {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n}\r\n\r\n.info-icon {\r\n width: 24px;\r\n height: 24px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.heading{\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.comments-wrapper{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-none);\r\n align-self: stretch;\r\n\r\n}\r\n\r\n.no-comments-state-images{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n \r\n}\r\n\r\n.comments-container.no-comments-state {\r\n height: fit-content;\r\n}\r\n\r\n.no-comment-text-wrapper span{\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.empty_state_pattern{\r\n position: absolute;\r\n top: 0;\r\n width: 400px;\r\n height: 120px;\r\n mix-blend-mode: multiply;\r\n}\r\n\r\n.empty_state{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n flex-shrink: 0;\r\n align-self: stretch;\r\n}\r\n\r\n.text{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.content{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n\r\n.frame{\r\n display: flex;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n\r\n.container{\r\n position: relative;\r\n}\r\n\r\n.main-text{\r\n color: var(--color-text-bold, #202939);\r\n \r\n}\r\n\r\n.sub-text{\r\n color: var(--color-text, #4B5565);\r\n}\r\n';const L=class{constructor(n){r(this,n);this.heading="";this.noCommentText="No comment yet";this.noCommentTextSub="No reviewer has left a comment yet, you will be notified when a comment drops";this.comments=[]}toggleComments(){if(this.state==="expanded"){this.state="collapsed"}else if(this.state==="collapsed"){this.state="expanded"}}render(){const r=this.comments&&this.comments.length>0;const e=a(`assets/background_pattern.svg`);const t=a(`assets/illustration.svg`);return n("div",{key:"3de7a3ffc935f85f741ab8216249a5b3989508ca",class:`comments-container ${!r?"no-comments-state":""}`},n("div",{key:"bcc9f6ff1c7dcd69369a1f65e5fac8c674c7444c",class:`header ${this.state}`},n("div",{key:"6d102c9e948126b1e567cf3b2b990e4febad1589",class:"title-section"},n("svg",{key:"68153d81e89ebd48ebb6894420be1b0d244d1e4c",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"info-icon"},n("path",{key:"2a2dc80368eb8a8b15d8a5caf63615d20a3cf53f",opacity:"0.4",d:"M12.0572 1.75C14.2479 1.74999 15.9686 1.74998 17.312 1.93059C18.6886 2.11568 19.7809 2.50271 20.6391 3.36091C21.4973 4.21911 21.8843 5.31137 22.0694 6.68802C22.25 8.03143 22.25 9.7521 22.25 11.9428V11.9428V12.0572V12.0572C22.25 14.2479 22.25 15.9686 22.0694 17.312C21.8843 18.6886 21.4973 19.7809 20.6391 20.6391C19.7809 21.4973 18.6886 21.8843 17.312 22.0694C15.9686 22.25 14.2479 22.25 12.0572 22.25H12.0572H11.9428H11.9428C9.7521 22.25 8.03143 22.25 6.68802 22.0694C5.31137 21.8843 4.21911 21.4973 3.36091 20.6391C2.50271 19.7809 2.11568 18.6886 1.93059 17.312C1.74998 15.9686 1.74999 14.2479 1.75 12.0572V11.9428C1.74999 9.75212 1.74998 8.03144 1.93059 6.68802C2.11568 5.31137 2.50272 4.21911 3.36091 3.36091C4.21911 2.50272 5.31137 2.11568 6.68802 1.93059C8.03144 1.74998 9.75212 1.74999 11.9428 1.75H12.0572Z",fill:"#064E94"}),n("path",{key:"747368ceba0b3d388c5b856c976876b6f91fb062","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.6819 10.5273C11.9289 10.5605 12.2707 10.6494 12.5607 10.9394C12.8507 11.2294 12.9396 11.5711 12.9728 11.8182C13.0003 12.0228 13.0001 12.2608 13 12.4606C13 12.474 13 12.4871 13 12.5V16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5V12.5C10.4477 12.5 10 12.0523 10 11.5C10 10.9477 10.4477 10.5 11 10.5C11.0129 10.5 11.0261 10.5 11.0394 10.5C11.2393 10.4999 11.4772 10.4997 11.6819 10.5273Z",fill:"#064E94"}),n("path",{key:"64b611af8e4a9b4819962c025156167236f1fea3","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.9999 7.5C10.9999 6.94772 11.4456 6.5 11.9954 6.5H12.0044C12.5542 6.5 12.9999 6.94772 12.9999 7.5C12.9999 8.05228 12.5542 8.5 12.0044 8.5H11.9954C11.4456 8.5 10.9999 8.05228 10.9999 7.5Z",fill:"#064E94"})),n("h2",{key:"6b4ac9767d160b4f4f76a1030dfa0f5dd88a2bc9",class:"text-md-semi-bold heading"},this.heading)),n("gb-button",{key:"1f2d47132d5b06ffad19d6ed8ba68d375fdacde9",size:"sm",hierarchy:"link_color",icon:"default",onClick:()=>this.toggleComments()},this.state==="expanded"?n("p",null,"Hide Comments"):n("p",null,"Show Comments"))),this.state==="expanded"&&(r?n("div",{class:"comments-wrapper"},this.comments.map(((r,e)=>n("gb-comment-item",{key:e,name:r.name,duty:r.role,comment:r.comment,"time-stamp":r.timeStamp,connector:this.comments.length>1&&e<this.comments.length-1?true:false})))):n("div",{class:"container"},n("div",{class:"frame"},n("img",{src:e,alt:"",class:"empty_state_pattern"}),n("div",{class:"empty_state"},n("div",{class:"content"},n("img",{src:t,alt:"bell-icon",class:"bell_icon"}),n("div",{class:"text"},n("p",{class:"main-text text-lg-semi-bold"},this.noCommentText),n("p",{class:"sub-text text-sm-regular"},this.noCommentTextSub))))))))}};L.style=D;const E='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.comment-item {\r\n display: flex;\r\n gap: 12px;\r\n align-items: flex-start;\r\n color: red;\r\n position: relative; \r\n align-items: flex-start;\r\n padding-left: var(--spacing-12);\r\n margin-bottom: -1rem;\r\n}\r\n\r\n.comment-item:not(:last-child)::before {\r\n content: \'\';\r\n position: absolute;\r\n left: 10px;\r\n top: 16px;\r\n width: 2px;\r\n height: 100%;\r\n background-color: #064E94;\r\n}\r\n\r\n.comment-bullet {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: var(--rounded-full);\r\n background: var(--color-icon-information, #064E94);\r\n margin: 5px;\r\n}\r\n\r\n.line{\r\n background-color: #064E94;\r\n width: 0.5px;\r\n height: 4.5rem;\r\n padding: 1px;\r\n border: none;\r\n margin-top: -5px;\r\n left: 10px;\r\n top: 16px;\r\n}\r\n\r\n.left{\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n\r\n}\r\n\r\n.comment-wrapper{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-none);\r\n align-self: stretch;\r\n}\r\n\r\n\r\n.comment-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-1);\r\n padding-bottom: var(--spacing-6);\r\n}\r\n\r\n.comments-container {\r\n padding: 16px;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: var(--spacing-4);\r\n border-radius: 12px;\r\n border: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n / transition: 1s ease-in-out; /\r\n}\r\n\r\n.comment-content {\r\n flex: 1;\r\n}\r\n\r\n.reviewer-info {\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.comment-text {\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.timestamp {\r\n color: var(--color-text-information, #064E94);\r\n margin-bottom: 10px;\r\n}\r\n\r\n';const H=class{constructor(n){r(this,n);this.name="";this.duty="";this.comment="";this.timeStamp="";this.connector=false}displayNameAndRole(){let r=`${this.name} (${this.duty})`;return r}render(){return n("div",{key:"ede62eee8b9ac72174f9486d972128f514bc1281",class:"comment-item"},n("div",{key:"9a98772927b5ce696a75e8914223bb6fb75513e7",class:"left"},n("div",{key:"589925eae31aa32dc70266301cfa4f23a46cf40c",class:"comment-bullet"}),this.connector&&n("hr",{key:"0a94cd4b25d1846a12870c914108a6b98ab137ab",class:"line"})),n("div",{key:"2b7b8a5a0d725e783a263f6cb373e427a0a2a3a5",class:"comment-content"},n("div",{key:"5f21728c1c5ceb64e9ad87e30f70b7e7f35ba60c",class:"reviewer-info"},n("p",{key:"e88cf130f83bf2df1e3177e5720f1eb959cf1d06",class:"text-sm-semi-bold"},this.displayNameAndRole())),n("div",{key:"27f48e4e77409d5d9b53ff827b93382f21e67765",class:"comment-text"},n("p",{key:"e302e23e314bac9590393592a6d7cd35eb473772",class:"text-sm-regular"},this.comment)),n("div",{key:"4468a0f698b2bf0cafe356479801d9a9d1c45954",class:"timestamp"},n("p",{key:"3116c0e50bc3e4a4333f1941b7b84615024972e1",class:"text-xs-regular"},this.timeStamp))))}};H.style=E;const V='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host{\r\n width: fit-content;\r\n}\r\n\r\n.featured_icon_div {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-shrink: 0;\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-background-card, #ffffff);\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.featured_icon_div.sm {\r\n width: 2rem;\r\n height: 2rem;\r\n padding: var(--spacing-2);\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.featured_icon_div.md {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: 0.625rem;\r\n border-radius: var(--rounded-sm);\r\n}\r\n\r\n.featured_icon_div.lg {\r\n width: 3rem;\r\n height: 3rem;\r\n padding: 0.75rem;\r\n border-radius: 0.625rem;\r\n}\r\n\r\n.featured_icon_div.xl {\r\n width: 3.5rem;\r\n height: 3.5rem;\r\n padding: 0.875rem;\r\n border-radius: var(--rounded-md);\r\n}\r\n\r\n.icon{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.icon.sm svg {\r\n width: 1rem;\r\n height: 1rem;\r\n}\r\n\r\n.icon.md svg {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n}\r\n\r\n.icon.lg svg {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.icon.xl svg {\r\n width: 1.75rem;\r\n height: 1.75rem;\r\n}\r\n\r\n.icon path[stroke] {\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.icon.destructive path[stroke] {\r\n stroke: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.icon path[fill] {\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.icon.destructive path[fill] {\r\n fill: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.featured_icon_div.destructive{\r\n border: 1px solid var(--color-border-danger, #B51726);\r\n background: var(--color-background-danger-subtlest, #FEF1F2);\r\n}';const M=class{constructor(n){r(this,n);this.destructive=false;this.icon="";this.leadingIconSvg=""}async loadIcon(r){const n=a(`${r}`);const e=await fetch(n);const t=await e.text();this.leadingIconSvg=t}componentWillLoad(){this.loadIcon(this.icon)}render(){return n("div",{key:"d19efe0ba6c0d4edb8974a77091ac91987a5368a",class:`featured_icon_div ${this.size} ${this.destructive?"destructive":""}`},n("div",{key:"7cc29862ffd9e1824957a51f402017c9aac2b40e",class:`icon ${this.size} ${this.destructive?"destructive":""}`,innerHTML:this.leadingIconSvg}))}};M.style=V;const A="";const Z=class{constructor(n){r(this,n)}render(){return n(o,null,this.fileStyle==="default"&&n(o,null,this.fileType==="pdf"&&n("svg",{key:"3f8ad38e8d3bbc062f2bc69613e83d245b2ad639",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"05cba0b09c08271844a01e8bbf3baad19b8d3f2f",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"c3eadb65d7c16827cbc0ff9b5becf6eabe070b2c",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"4cfae43d0ac8f50ba2e6942708f76f6a6e393ba5",x:"0.5",y:"17.5",width:"27",height:"17",rx:"2",fill:"#B51726"}),n("path",{key:"dae790d1d2edbbf727397feb7909e879b79fdb9f",d:"M6.22094 27.41V25.99H7.53094C7.78427 25.99 8.00094 25.94 8.18094 25.84C8.3676 25.74 8.51094 25.6 8.61094 25.42C8.71094 25.2333 8.76094 25.02 8.76094 24.78C8.76094 24.5267 8.71094 24.31 8.61094 24.13C8.51094 23.9433 8.3676 23.8033 8.18094 23.71C8.00094 23.61 7.78427 23.56 7.53094 23.56H6.22094V22.14H7.45094C8.07094 22.14 8.60094 22.2433 9.04094 22.45C9.4876 22.6567 9.8276 22.95 10.0609 23.33C10.3009 23.71 10.4209 24.1667 10.4209 24.7V24.86C10.4209 25.38 10.3009 25.8333 10.0609 26.22C9.8276 26.6 9.4876 26.8933 9.04094 27.1C8.60094 27.3067 8.07094 27.41 7.45094 27.41H6.22094ZM4.78094 29.5V22.14H6.42094V29.5H4.78094ZM12.8909 29.54V28.01H14.2509C14.5909 28.01 14.8975 27.96 15.1709 27.86C15.4442 27.7533 15.6775 27.6067 15.8709 27.42C16.0642 27.2267 16.2109 26.9967 16.3109 26.73C16.4109 26.4567 16.4609 26.1567 16.4609 25.83C16.4609 25.49 16.4109 25.1867 16.3109 24.92C16.2109 24.6533 16.0642 24.4267 15.8709 24.24C15.6775 24.0533 15.4442 23.9133 15.1709 23.82C14.8975 23.72 14.5909 23.67 14.2509 23.67H12.8909V22.14H14.1609C14.8209 22.14 15.3975 22.2367 15.8909 22.43C16.3842 22.6233 16.7975 22.8867 17.1309 23.22C17.4642 23.5533 17.7109 23.9367 17.8709 24.37C18.0375 24.7967 18.1209 25.2467 18.1209 25.72V25.94C18.1209 26.38 18.0375 26.8167 17.8709 27.25C17.7109 27.6767 17.4642 28.0633 17.1309 28.41C16.7975 28.75 16.3842 29.0233 15.8909 29.23C15.3975 29.4367 14.8209 29.54 14.1609 29.54H12.8909ZM11.4509 29.54V22.14H13.0909V29.54H11.4509ZM19.2634 29.5V22.2H20.9034V29.5H19.2634ZM20.7034 26.56V25.2H23.5234V26.56H20.7034ZM20.7034 23.56V22.2H23.6434V23.56H20.7034Z",fill:"white"})),this.fileType==="csv"&&n("svg",{key:"279716ef66d403ee108e882bf101fd2cdb6d040c",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"07709b380403cf61618cc2553f81edfe455230a3",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"c137c250e7e96ebdaa623337011c9096558b8222",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"0242e7a2f2847770b594edc68ce5eb92e48790a4",x:"1",y:"17.5",width:"28",height:"17",rx:"2",fill:"#079455"}),n("path",{key:"7a36816738bab84b211e46995792cc056cf588cc",d:"M8.23738 29.69C7.57738 29.69 7.01072 29.5767 6.53738 29.35C6.06405 29.1167 5.67738 28.8133 5.37738 28.44C5.07738 28.06 4.85405 27.6533 4.70738 27.22C4.56738 26.78 4.49738 26.3533 4.49738 25.94V25.72C4.49738 25.2667 4.57072 24.82 4.71738 24.38C4.86405 23.9333 5.08738 23.53 5.38738 23.17C5.69405 22.81 6.07738 22.5233 6.53738 22.31C7.00405 22.09 7.55405 21.98 8.18738 21.98C8.84738 21.98 9.43072 22.1033 9.93738 22.35C10.444 22.5967 10.8474 22.94 11.1474 23.38C11.454 23.8133 11.634 24.3233 11.6874 24.91H10.0374C9.99072 24.6167 9.88405 24.3667 9.71738 24.16C9.55072 23.9533 9.33405 23.7933 9.06738 23.68C8.80738 23.5667 8.51405 23.51 8.18738 23.51C7.86072 23.51 7.57072 23.5667 7.31738 23.68C7.06405 23.7933 6.85072 23.9533 6.67738 24.16C6.51072 24.3667 6.38072 24.6133 6.28738 24.9C6.20072 25.18 6.15738 25.4933 6.15738 25.84C6.15738 26.18 6.20072 26.4933 6.28738 26.78C6.38072 27.06 6.51405 27.3067 6.68738 27.52C6.86738 27.7267 7.08738 27.8867 7.34738 28C7.60738 28.1067 7.90405 28.16 8.23738 28.16C8.74405 28.16 9.17072 28.0367 9.51738 27.79C9.87072 27.5433 10.084 27.2033 10.1574 26.77H11.7974C11.7374 27.3033 11.5574 27.7933 11.2574 28.24C10.964 28.68 10.5607 29.0333 10.0474 29.3C9.54072 29.56 8.93738 29.69 8.23738 29.69ZM15.4254 29.69C14.7654 29.69 14.2088 29.5867 13.7554 29.38C13.3021 29.1667 12.9588 28.88 12.7254 28.52C12.4921 28.1533 12.3754 27.7333 12.3754 27.26H13.9654C13.9654 27.4467 14.0154 27.62 14.1154 27.78C14.2221 27.94 14.3821 28.07 14.5954 28.17C14.8088 28.2633 15.0854 28.31 15.4254 28.31C15.7321 28.31 15.9888 28.27 16.1954 28.19C16.4021 28.11 16.5588 28 16.6654 27.86C16.7721 27.7133 16.8254 27.5467 16.8254 27.36C16.8254 27.1267 16.7254 26.9433 16.5254 26.81C16.3254 26.67 16.0021 26.58 15.5554 26.54L15.0054 26.49C14.2788 26.43 13.6988 26.2033 13.2654 25.81C12.8321 25.4167 12.6154 24.8967 12.6154 24.25C12.6154 23.7833 12.7254 23.38 12.9454 23.04C13.1721 22.7 13.4854 22.44 13.8854 22.26C14.2854 22.0733 14.7588 21.98 15.3054 21.98C15.8788 21.98 16.3688 22.08 16.7754 22.28C17.1888 22.4733 17.5054 22.75 17.7254 23.11C17.9454 23.4633 18.0554 23.88 18.0554 24.36H16.4554C16.4554 24.18 16.4121 24.0167 16.3254 23.87C16.2388 23.7167 16.1088 23.5933 15.9354 23.5C15.7688 23.4067 15.5588 23.36 15.3054 23.36C15.0654 23.36 14.8621 23.4 14.6954 23.48C14.5354 23.56 14.4154 23.67 14.3354 23.81C14.2554 23.9433 14.2154 24.09 14.2154 24.25C14.2154 24.4567 14.2888 24.6367 14.4354 24.79C14.5821 24.9433 14.8221 25.0333 15.1554 25.06L15.7154 25.11C16.2488 25.1567 16.7188 25.2733 17.1254 25.46C17.5321 25.64 17.8488 25.89 18.0754 26.21C18.3088 26.5233 18.4254 26.9067 18.4254 27.36C18.4254 27.8267 18.3021 28.2367 18.0554 28.59C17.8154 28.9367 17.4721 29.2067 17.0254 29.4C16.5788 29.5933 16.0454 29.69 15.4254 29.69ZM20.9603 29.5L18.7403 22.2H20.4303L22.1903 28.36L21.8103 28.17H22.8303L22.4303 28.36L24.0603 22.2H25.7003L23.6303 29.5H20.9603Z",fill:"white"})),this.fileType==="jpg"&&n("svg",{key:"1ec064220cddbc3fdf312f8cb9adac7d384cc0bd",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"083e4e97582a18d9eb7f7dcabe174eb0199beecc",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"6ea5a44f8c83d1e81dfbf8bc4cac8f1d71818e87",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"195f64a6cf38e755c0733fccc88791b5a6810bd1",y:"17.5",width:"28",height:"17",rx:"2",fill:"#6938EF"}),n("path",{key:"1a692bdda30f025d31f0ad9e5ea88786838c5d2b",d:"M6.31711 29.69C5.76378 29.69 5.28378 29.5867 4.87711 29.38C4.47711 29.1667 4.16711 28.86 3.94711 28.46C3.73378 28.06 3.62711 27.5733 3.62711 27V26.63H5.24711V27.09C5.24711 27.41 5.34044 27.67 5.52711 27.87C5.72044 28.0633 5.98378 28.16 6.31711 28.16C6.64378 28.16 6.90044 28.0633 7.08711 27.87C7.28044 27.67 7.37711 27.41 7.37711 27.09V23.43H9.01711V27C9.01711 27.5733 8.90711 28.06 8.68711 28.46C8.47378 28.86 8.16378 29.1667 7.75711 29.38C7.35711 29.5867 6.87711 29.69 6.31711 29.69ZM4.47711 23.63V22.2H9.01711V23.63H4.47711ZM11.9729 27.41V25.99H13.2829C13.5362 25.99 13.7529 25.94 13.9329 25.84C14.1196 25.74 14.2629 25.6 14.3629 25.42C14.4629 25.2333 14.5129 25.02 14.5129 24.78C14.5129 24.5267 14.4629 24.31 14.3629 24.13C14.2629 23.9433 14.1196 23.8033 13.9329 23.71C13.7529 23.61 13.5362 23.56 13.2829 23.56H11.9729V22.14H13.2029C13.8229 22.14 14.3529 22.2433 14.7929 22.45C15.2396 22.6567 15.5796 22.95 15.8129 23.33C16.0529 23.71 16.1729 24.1667 16.1729 24.7V24.86C16.1729 25.38 16.0529 25.8333 15.8129 26.22C15.5796 26.6 15.2396 26.8933 14.7929 27.1C14.3529 27.3067 13.8229 27.41 13.2029 27.41H11.9729ZM10.5329 29.5V22.14H12.1729V29.5H10.5329ZM20.6628 29.69C20.0095 29.69 19.4395 29.5833 18.9528 29.37C18.4661 29.15 18.0628 28.8567 17.7428 28.49C17.4295 28.1233 17.1961 27.7167 17.0428 27.27C16.8895 26.8233 16.8128 26.3767 16.8128 25.93V25.71C16.8128 25.25 16.8895 24.8 17.0428 24.36C17.1961 23.92 17.4261 23.52 17.7328 23.16C18.0461 22.8 18.4328 22.5133 18.8928 22.3C19.3595 22.0867 19.8961 21.98 20.5028 21.98C21.1628 21.98 21.7461 22.1033 22.2528 22.35C22.7595 22.59 23.1661 22.9267 23.4728 23.36C23.7795 23.7867 23.9561 24.2833 24.0028 24.85H22.3628C22.3228 24.5833 22.2161 24.35 22.0428 24.15C21.8761 23.95 21.6595 23.7933 21.3928 23.68C21.1328 23.5667 20.8361 23.51 20.5028 23.51C20.1828 23.51 19.8961 23.5667 19.6428 23.68C19.3961 23.7933 19.1828 23.9533 19.0028 24.16C18.8295 24.3667 18.6961 24.6133 18.6028 24.9C18.5161 25.18 18.4728 25.49 18.4728 25.83C18.4728 26.1833 18.5195 26.5067 18.6128 26.8C18.7128 27.0867 18.8561 27.3367 19.0428 27.55C19.2295 27.7567 19.4595 27.9167 19.7328 28.03C20.0128 28.1433 20.3228 28.2 20.6628 28.2C21.1161 28.2 21.5095 28.1067 21.8428 27.92C22.1761 27.7333 22.4161 27.4867 22.5628 27.18L22.3628 28.3V26.56H23.8728V28.12C23.5595 28.6267 23.1261 29.0167 22.5728 29.29C22.0261 29.5567 21.3895 29.69 20.6628 29.69ZM20.4528 26.88V25.7H24.4728V26.88H20.4528Z",fill:"white"})),this.fileType==="jpeg"&&n("svg",{key:"8c370241d9e154dd79e23437d10c9eeb4056e612",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"a81384157e9982368bdcc6d81831dbfb79a48a4a",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"43338ab16c3f89f0ce944d4f3a8104fa53f52c71",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"a3a9f7ff106e4a996105e3ee443db814102955d9",y:"17.5",width:"34",height:"17",rx:"2",fill:"#6938EF"}),n("path",{key:"67af7b4be97666cda29566496a1194a9cfca8c60",d:"M6.38742 29.69C5.83409 29.69 5.35409 29.5867 4.94742 29.38C4.54742 29.1667 4.23742 28.86 4.01742 28.46C3.80409 28.06 3.69742 27.5733 3.69742 27V26.63H5.31742V27.09C5.31742 27.41 5.41076 27.67 5.59742 27.87C5.79076 28.0633 6.05409 28.16 6.38742 28.16C6.71409 28.16 6.97076 28.0633 7.15742 27.87C7.35076 27.67 7.44742 27.41 7.44742 27.09V23.43H9.08742V27C9.08742 27.5733 8.97742 28.06 8.75742 28.46C8.54409 28.86 8.23409 29.1667 7.82742 29.38C7.42742 29.5867 6.94742 29.69 6.38742 29.69ZM4.54742 23.63V22.2H9.08742V23.63H4.54742ZM12.0432 27.41V25.99H13.3532C13.6065 25.99 13.8232 25.94 14.0032 25.84C14.1899 25.74 14.3332 25.6 14.4332 25.42C14.5332 25.2333 14.5832 25.02 14.5832 24.78C14.5832 24.5267 14.5332 24.31 14.4332 24.13C14.3332 23.9433 14.1899 23.8033 14.0032 23.71C13.8232 23.61 13.6065 23.56 13.3532 23.56H12.0432V22.14H13.2732C13.8932 22.14 14.4232 22.2433 14.8632 22.45C15.3099 22.6567 15.6499 22.95 15.8832 23.33C16.1232 23.71 16.2432 24.1667 16.2432 24.7V24.86C16.2432 25.38 16.1232 25.8333 15.8832 26.22C15.6499 26.6 15.3099 26.8933 14.8632 27.1C14.4232 27.3067 13.8932 27.41 13.2732 27.41H12.0432ZM10.6032 29.5V22.14H12.2432V29.5H10.6032ZM17.2731 29.5V22.2H18.8731V29.5H17.2731ZM18.6731 29.5V28.14H21.8631V29.5H18.6731ZM18.6731 26.47V25.11H21.6331V26.47H18.6731ZM18.6731 23.56V22.2H21.7931V23.56H18.6731ZM26.5925 29.69C25.9392 29.69 25.3692 29.5833 24.8825 29.37C24.3958 29.15 23.9925 28.8567 23.6725 28.49C23.3592 28.1233 23.1258 27.7167 22.9725 27.27C22.8192 26.8233 22.7425 26.3767 22.7425 25.93V25.71C22.7425 25.25 22.8192 24.8 22.9725 24.36C23.1258 23.92 23.3558 23.52 23.6625 23.16C23.9758 22.8 24.3625 22.5133 24.8225 22.3C25.2892 22.0867 25.8258 21.98 26.4325 21.98C27.0925 21.98 27.6758 22.1033 28.1825 22.35C28.6892 22.59 29.0958 22.9267 29.4025 23.36C29.7092 23.7867 29.8858 24.2833 29.9325 24.85H28.2925C28.2525 24.5833 28.1458 24.35 27.9725 24.15C27.8058 23.95 27.5892 23.7933 27.3225 23.68C27.0625 23.5667 26.7658 23.51 26.4325 23.51C26.1125 23.51 25.8258 23.5667 25.5725 23.68C25.3258 23.7933 25.1125 23.9533 24.9325 24.16C24.7592 24.3667 24.6258 24.6133 24.5325 24.9C24.4458 25.18 24.4025 25.49 24.4025 25.83C24.4025 26.1833 24.4492 26.5067 24.5425 26.8C24.6425 27.0867 24.7858 27.3367 24.9725 27.55C25.1592 27.7567 25.3892 27.9167 25.6625 28.03C25.9425 28.1433 26.2525 28.2 26.5925 28.2C27.0458 28.2 27.4392 28.1067 27.7725 27.92C28.1058 27.7333 28.3458 27.4867 28.4925 27.18L28.2925 28.3V26.56H29.8025V28.12C29.4892 28.6267 29.0558 29.0167 28.5025 29.29C27.9558 29.5567 27.3192 29.69 26.5925 29.69ZM26.3825 26.88V25.7H30.4025V26.88H26.3825Z",fill:"white"})),this.fileType==="ppt"&&n("svg",{key:"de30b71c9531b1d751d5e48c9099dee006f253dd",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"4b3c4beb9be8e6f52c5e5952aceeed48f8a3a14b",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"cb0b74edd6c37b536bd2639ab9510697d3b602c9",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"ddf3cdaca923f1d03ad3ba27675073e52f70ecb8",x:"1",y:"17.5",width:"26",height:"17",rx:"2",fill:"#93370D"}),n("path",{key:"65161a84309824acaa01a882a952148aba78e794",d:"M6.50902 27.41V25.99H7.81902C8.07236 25.99 8.28902 25.94 8.46902 25.84C8.65569 25.74 8.79902 25.6 8.89902 25.42C8.99902 25.2333 9.04902 25.02 9.04902 24.78C9.04902 24.5267 8.99902 24.31 8.89902 24.13C8.79902 23.9433 8.65569 23.8033 8.46902 23.71C8.28902 23.61 8.07236 23.56 7.81902 23.56H6.50902V22.14H7.73902C8.35902 22.14 8.88902 22.2433 9.32902 22.45C9.77569 22.6567 10.1157 22.95 10.349 23.33C10.589 23.71 10.709 24.1667 10.709 24.7V24.86C10.709 25.38 10.589 25.8333 10.349 26.22C10.1157 26.6 9.77569 26.8933 9.32902 27.1C8.88902 27.3067 8.35902 27.41 7.73902 27.41H6.50902ZM5.06902 29.5V22.14H6.70902V29.5H5.06902ZM13.1789 27.41V25.99H14.4889C14.7423 25.99 14.9589 25.94 15.1389 25.84C15.3256 25.74 15.4689 25.6 15.5689 25.42C15.6689 25.2333 15.7189 25.02 15.7189 24.78C15.7189 24.5267 15.6689 24.31 15.5689 24.13C15.4689 23.9433 15.3256 23.8033 15.1389 23.71C14.9589 23.61 14.7423 23.56 14.4889 23.56H13.1789V22.14H14.4089C15.0289 22.14 15.5589 22.2433 15.9989 22.45C16.4456 22.6567 16.7856 22.95 17.0189 23.33C17.2589 23.71 17.3789 24.1667 17.3789 24.7V24.86C17.3789 25.38 17.2589 25.8333 17.0189 26.22C16.7856 26.6 16.4456 26.8933 15.9989 27.1C15.5589 27.3067 15.0289 27.41 14.4089 27.41H13.1789ZM11.7389 29.5V22.14H13.3789V29.5H11.7389ZM19.8393 29.5V23.43H21.4793V29.5H19.8393ZM17.7893 23.63V22.2H23.5393V23.63H17.7893Z",fill:"white"})),this.fileType==="pptx"&&n("svg",{key:"091fe3921ee10d17c161643497d6a2ccee1ca9f2",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"4db9731eb1dd669f655bce492d496b730ffca084",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"53c1c2e751ed5e740bc66754a413181418b4eaa7",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"a9bb4da426786eedc1752505e34f326914dbfa64",x:"1",y:"17.5",width:"33",height:"17",rx:"2",fill:"#93370D"}),n("path",{key:"06f1d447a66e69b7ddcdb65d9b9c797657f7366d",d:"M6.39086 27.41V25.99H7.70086C7.95419 25.99 8.17086 25.94 8.35086 25.84C8.53753 25.74 8.68086 25.6 8.78086 25.42C8.88086 25.2333 8.93086 25.02 8.93086 24.78C8.93086 24.5267 8.88086 24.31 8.78086 24.13C8.68086 23.9433 8.53753 23.8033 8.35086 23.71C8.17086 23.61 7.95419 23.56 7.70086 23.56H6.39086V22.14H7.62086C8.24086 22.14 8.77086 22.2433 9.21086 22.45C9.65753 22.6567 9.99753 22.95 10.2309 23.33C10.4709 23.71 10.5909 24.1667 10.5909 24.7V24.86C10.5909 25.38 10.4709 25.8333 10.2309 26.22C9.99753 26.6 9.65753 26.8933 9.21086 27.1C8.77086 27.3067 8.24086 27.41 7.62086 27.41H6.39086ZM4.95086 29.5V22.14H6.59086V29.5H4.95086ZM13.0608 27.41V25.99H14.3708C14.6241 25.99 14.8408 25.94 15.0208 25.84C15.2074 25.74 15.3508 25.6 15.4508 25.42C15.5508 25.2333 15.6008 25.02 15.6008 24.78C15.6008 24.5267 15.5508 24.31 15.4508 24.13C15.3508 23.9433 15.2074 23.8033 15.0208 23.71C14.8408 23.61 14.6241 23.56 14.3708 23.56H13.0608V22.14H14.2908C14.9108 22.14 15.4408 22.2433 15.8808 22.45C16.3274 22.6567 16.6674 22.95 16.9008 23.33C17.1408 23.71 17.2608 24.1667 17.2608 24.7V24.86C17.2608 25.38 17.1408 25.8333 16.9008 26.22C16.6674 26.6 16.3274 26.8933 15.8808 27.1C15.4408 27.3067 14.9108 27.41 14.2908 27.41H13.0608ZM11.6208 29.5V22.14H13.2608V29.5H11.6208ZM19.7212 29.5V23.43H21.3612V29.5H19.7212ZM17.6712 23.63V22.2H23.4212V23.63H17.6712ZM23.7423 29.5L26.2323 25.61L26.2523 25.78L23.9523 22.2H25.7523L27.1723 24.48H27.4023L28.8023 22.2H30.5523L28.2423 25.8L28.2123 25.64L30.7823 29.5H28.9723L27.3123 26.92H27.0723L25.4923 29.5H23.7423Z",fill:"white"})),this.fileType==="doc"&&n("svg",{key:"42590cf6c0d8d1924de78a4ce488343bacad8249",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"c083a99893e72924d4dca1bdd825374e235e3f97",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"06df1befd8c33df9a288bf98e7a89de99169b938",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"d3c16c1e69a3a30e78b3533b7c034d440110f20e",y:"17.5",width:"31",height:"17",rx:"2",fill:"#064E94"}),n("path",{key:"3aa5144f47bbc27cb8ad71ee0aee01ea06a23f62",d:"M5.53344 29.54V28.01H6.89344C7.23344 28.01 7.5401 27.96 7.81344 27.86C8.08677 27.7533 8.3201 27.6067 8.51344 27.42C8.70677 27.2267 8.85344 26.9967 8.95344 26.73C9.05344 26.4567 9.10344 26.1567 9.10344 25.83C9.10344 25.49 9.05344 25.1867 8.95344 24.92C8.85344 24.6533 8.70677 24.4267 8.51344 24.24C8.3201 24.0533 8.08677 23.9133 7.81344 23.82C7.5401 23.72 7.23344 23.67 6.89344 23.67H5.53344V22.14H6.80344C7.46344 22.14 8.0401 22.2367 8.53344 22.43C9.02677 22.6233 9.4401 22.8867 9.77344 23.22C10.1068 23.5533 10.3534 23.9367 10.5134 24.37C10.6801 24.7967 10.7634 25.2467 10.7634 25.72V25.94C10.7634 26.38 10.6801 26.8167 10.5134 27.25C10.3534 27.6767 10.1068 28.0633 9.77344 28.41C9.4401 28.75 9.02677 29.0233 8.53344 29.23C8.0401 29.4367 7.46344 29.54 6.80344 29.54H5.53344ZM4.09344 29.54V22.14H5.73344V29.54H4.09344ZM15.4059 29.69C14.7459 29.69 14.1693 29.5767 13.6759 29.35C13.1893 29.1167 12.7859 28.8133 12.4659 28.44C12.1459 28.06 11.9059 27.65 11.7459 27.21C11.5926 26.77 11.5159 26.3467 11.5159 25.94V25.72C11.5159 25.2667 11.5959 24.82 11.7559 24.38C11.9226 23.9333 12.1693 23.53 12.4959 23.17C12.8226 22.81 13.2293 22.5233 13.7159 22.31C14.2026 22.09 14.7659 21.98 15.4059 21.98C16.0459 21.98 16.6093 22.09 17.0959 22.31C17.5826 22.5233 17.9893 22.81 18.3159 23.17C18.6426 23.53 18.8893 23.9333 19.0559 24.38C19.2226 24.82 19.3059 25.2667 19.3059 25.72V25.94C19.3059 26.3467 19.2259 26.77 19.0659 27.21C18.9059 27.65 18.6659 28.06 18.3459 28.44C18.0259 28.8133 17.6193 29.1167 17.1259 29.35C16.6393 29.5767 16.0659 29.69 15.4059 29.69ZM15.4059 28.16C15.7526 28.16 16.0626 28.1 16.3359 27.98C16.6159 27.86 16.8526 27.6933 17.0459 27.48C17.2459 27.2667 17.3959 27.02 17.4959 26.74C17.5959 26.46 17.6459 26.16 17.6459 25.84C17.6459 25.5 17.5926 25.19 17.4859 24.91C17.3859 24.6233 17.2359 24.3767 17.0359 24.17C16.8426 23.9567 16.6093 23.7933 16.3359 23.68C16.0626 23.5667 15.7526 23.51 15.4059 23.51C15.0593 23.51 14.7493 23.5667 14.4759 23.68C14.2026 23.7933 13.9659 23.9567 13.7659 24.17C13.5726 24.3767 13.4259 24.6233 13.3259 24.91C13.2259 25.19 13.1759 25.5 13.1759 25.84C13.1759 26.16 13.2259 26.46 13.3259 26.74C13.4259 27.02 13.5726 27.2667 13.7659 27.48C13.9659 27.6933 14.2026 27.86 14.4759 27.98C14.7493 28.1 15.0593 28.16 15.4059 28.16ZM23.8985 29.69C23.2385 29.69 22.6718 29.5767 22.1985 29.35C21.7252 29.1167 21.3385 28.8133 21.0385 28.44C20.7385 28.06 20.5152 27.6533 20.3685 27.22C20.2285 26.78 20.1585 26.3533 20.1585 25.94V25.72C20.1585 25.2667 20.2318 24.82 20.3785 24.38C20.5252 23.9333 20.7485 23.53 21.0485 23.17C21.3552 22.81 21.7385 22.5233 22.1985 22.31C22.6652 22.09 23.2152 21.98 23.8485 21.98C24.5085 21.98 25.0918 22.1033 25.5985 22.35C26.1052 22.5967 26.5085 22.94 26.8085 23.38C27.1152 23.8133 27.2952 24.3233 27.3485 24.91H25.6985C25.6518 24.6167 25.5452 24.3667 25.3785 24.16C25.2118 23.9533 24.9952 23.7933 24.7285 23.68C24.4685 23.5667 24.1752 23.51 23.8485 23.51C23.5218 23.51 23.2318 23.5667 22.9785 23.68C22.7252 23.7933 22.5118 23.9533 22.3385 24.16C22.1718 24.3667 22.0418 24.6133 21.9485 24.9C21.8618 25.18 21.8185 25.4933 21.8185 25.84C21.8185 26.18 21.8618 26.4933 21.9485 26.78C22.0418 27.06 22.1752 27.3067 22.3485 27.52C22.5285 27.7267 22.7485 27.8867 23.0085 28C23.2685 28.1067 23.5652 28.16 23.8985 28.16C24.4052 28.16 24.8318 28.0367 25.1785 27.79C25.5318 27.5433 25.7452 27.2033 25.8185 26.77H27.4585C27.3985 27.3033 27.2185 27.7933 26.9185 28.24C26.6252 28.68 26.2218 29.0333 25.7085 29.3C25.2018 29.56 24.5985 29.69 23.8985 29.69Z",fill:"white"})),this.fileType==="docx"&&n("svg",{key:"2b150e5649b1fa6eacbc2223d230f7dd40782cb2",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"65ec17261b0d62413a180091febce01f12da7bf4",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"33e6412cab7a80c4f6b52f787828bb10338d14bf",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"ad4a454aa12ef2243813b48c9e48afa793ae6f96",y:"17.5",width:"38",height:"17",rx:"2",fill:"#064E94"}),n("path",{key:"8ff1ea4de352507e77413919b00a156293bac5b3",d:"M5.50316 29.54V28.01H6.86316C7.20316 28.01 7.50983 27.96 7.78316 27.86C8.0565 27.7533 8.28983 27.6067 8.48316 27.42C8.6765 27.2267 8.82316 26.9967 8.92316 26.73C9.02316 26.4567 9.07316 26.1567 9.07316 25.83C9.07316 25.49 9.02316 25.1867 8.92316 24.92C8.82316 24.6533 8.6765 24.4267 8.48316 24.24C8.28983 24.0533 8.0565 23.9133 7.78316 23.82C7.50983 23.72 7.20316 23.67 6.86316 23.67H5.50316V22.14H6.77316C7.43316 22.14 8.00983 22.2367 8.50316 22.43C8.9965 22.6233 9.40983 22.8867 9.74316 23.22C10.0765 23.5533 10.3232 23.9367 10.4832 24.37C10.6498 24.7967 10.7332 25.2467 10.7332 25.72V25.94C10.7332 26.38 10.6498 26.8167 10.4832 27.25C10.3232 27.6767 10.0765 28.0633 9.74316 28.41C9.40983 28.75 8.9965 29.0233 8.50316 29.23C8.00983 29.4367 7.43316 29.54 6.77316 29.54H5.50316ZM4.06316 29.54V22.14H5.70316V29.54H4.06316ZM15.3757 29.69C14.7157 29.69 14.139 29.5767 13.6457 29.35C13.159 29.1167 12.7557 28.8133 12.4357 28.44C12.1157 28.06 11.8757 27.65 11.7157 27.21C11.5623 26.77 11.4857 26.3467 11.4857 25.94V25.72C11.4857 25.2667 11.5657 24.82 11.7257 24.38C11.8923 23.9333 12.139 23.53 12.4657 23.17C12.7923 22.81 13.199 22.5233 13.6857 22.31C14.1723 22.09 14.7357 21.98 15.3757 21.98C16.0157 21.98 16.579 22.09 17.0657 22.31C17.5523 22.5233 17.959 22.81 18.2857 23.17C18.6123 23.53 18.859 23.9333 19.0257 24.38C19.1923 24.82 19.2757 25.2667 19.2757 25.72V25.94C19.2757 26.3467 19.1957 26.77 19.0357 27.21C18.8757 27.65 18.6357 28.06 18.3157 28.44C17.9957 28.8133 17.589 29.1167 17.0957 29.35C16.609 29.5767 16.0357 29.69 15.3757 29.69ZM15.3757 28.16C15.7223 28.16 16.0323 28.1 16.3057 27.98C16.5857 27.86 16.8223 27.6933 17.0157 27.48C17.2157 27.2667 17.3657 27.02 17.4657 26.74C17.5657 26.46 17.6157 26.16 17.6157 25.84C17.6157 25.5 17.5623 25.19 17.4557 24.91C17.3557 24.6233 17.2057 24.3767 17.0057 24.17C16.8123 23.9567 16.579 23.7933 16.3057 23.68C16.0323 23.5667 15.7223 23.51 15.3757 23.51C15.029 23.51 14.719 23.5667 14.4457 23.68C14.1723 23.7933 13.9357 23.9567 13.7357 24.17C13.5423 24.3767 13.3957 24.6233 13.2957 24.91C13.1957 25.19 13.1457 25.5 13.1457 25.84C13.1457 26.16 13.1957 26.46 13.2957 26.74C13.3957 27.02 13.5423 27.2667 13.7357 27.48C13.9357 27.6933 14.1723 27.86 14.4457 27.98C14.719 28.1 15.029 28.16 15.3757 28.16ZM23.8682 29.69C23.2082 29.69 22.6416 29.5767 22.1682 29.35C21.6949 29.1167 21.3082 28.8133 21.0082 28.44C20.7082 28.06 20.4849 27.6533 20.3382 27.22C20.1982 26.78 20.1282 26.3533 20.1282 25.94V25.72C20.1282 25.2667 20.2016 24.82 20.3482 24.38C20.4949 23.9333 20.7182 23.53 21.0182 23.17C21.3249 22.81 21.7082 22.5233 22.1682 22.31C22.6349 22.09 23.1849 21.98 23.8182 21.98C24.4782 21.98 25.0616 22.1033 25.5682 22.35C26.0749 22.5967 26.4782 22.94 26.7782 23.38C27.0849 23.8133 27.2649 24.3233 27.3182 24.91H25.6682C25.6216 24.6167 25.5149 24.3667 25.3482 24.16C25.1816 23.9533 24.9649 23.7933 24.6982 23.68C24.4382 23.5667 24.1449 23.51 23.8182 23.51C23.4916 23.51 23.2016 23.5667 22.9482 23.68C22.6949 23.7933 22.4816 23.9533 22.3082 24.16C22.1416 24.3667 22.0116 24.6133 21.9182 24.9C21.8316 25.18 21.7882 25.4933 21.7882 25.84C21.7882 26.18 21.8316 26.4933 21.9182 26.78C22.0116 27.06 22.1449 27.3067 22.3182 27.52C22.4982 27.7267 22.7182 27.8867 22.9782 28C23.2382 28.1067 23.5349 28.16 23.8682 28.16C24.3749 28.16 24.8016 28.0367 25.1482 27.79C25.5016 27.5433 25.7149 27.2033 25.7882 26.77H27.4282C27.3682 27.3033 27.1882 27.7933 26.8882 28.24C26.5949 28.68 26.1916 29.0333 25.6782 29.3C25.1716 29.56 24.5682 29.69 23.8682 29.69ZM27.63 29.5L30.12 25.61L30.14 25.78L27.84 22.2H29.64L31.06 24.48H31.29L32.69 22.2H34.44L32.13 25.8L32.1 25.64L34.67 29.5H32.86L31.2 26.92H30.96L29.38 29.5H27.63Z",fill:"white"})),this.fileType==="xls"&&n("svg",{key:"c8caaa476f2219b75760f5366bc00c28ae30a1ed",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"aa285e1344b429292d09d7946155c34af44e5741",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"bc09c8f665c2141f4480a8878febbe5bfb723b71",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"0184a5659ed29b30f3106707487a226525e426ce",x:"1",y:"17.5",width:"26",height:"17",rx:"2",fill:"#079455"}),n("path",{key:"964ca494259cec56f8d9336f85efebcf9e2bcb62",d:"M4.39762 29.5L6.88762 25.61L6.90762 25.78L4.60762 22.2H6.40762L7.82762 24.48H8.05762L9.45762 22.2H11.2076L8.89762 25.8L8.86762 25.64L11.4376 29.5H9.62762L7.96762 26.92H7.72762L6.14762 29.5H4.39762ZM12.3444 29.5V22.2H13.9844V29.5H12.3444ZM13.7844 29.5V28.06H16.8444V29.5H13.7844ZM20.3825 29.69C19.7225 29.69 19.1658 29.5867 18.7125 29.38C18.2591 29.1667 17.9158 28.88 17.6825 28.52C17.4491 28.1533 17.3325 27.7333 17.3325 27.26H18.9225C18.9225 27.4467 18.9725 27.62 19.0725 27.78C19.1791 27.94 19.3391 28.07 19.5525 28.17C19.7658 28.2633 20.0425 28.31 20.3825 28.31C20.6891 28.31 20.9458 28.27 21.1525 28.19C21.3591 28.11 21.5158 28 21.6225 27.86C21.7291 27.7133 21.7825 27.5467 21.7825 27.36C21.7825 27.1267 21.6825 26.9433 21.4825 26.81C21.2825 26.67 20.9591 26.58 20.5125 26.54L19.9625 26.49C19.2358 26.43 18.6558 26.2033 18.2225 25.81C17.7891 25.4167 17.5725 24.8967 17.5725 24.25C17.5725 23.7833 17.6825 23.38 17.9025 23.04C18.1291 22.7 18.4425 22.44 18.8425 22.26C19.2425 22.0733 19.7158 21.98 20.2625 21.98C20.8358 21.98 21.3258 22.08 21.7325 22.28C22.1458 22.4733 22.4625 22.75 22.6825 23.11C22.9025 23.4633 23.0125 23.88 23.0125 24.36H21.4125C21.4125 24.18 21.3691 24.0167 21.2825 23.87C21.1958 23.7167 21.0658 23.5933 20.8925 23.5C20.7258 23.4067 20.5158 23.36 20.2625 23.36C20.0225 23.36 19.8191 23.4 19.6525 23.48C19.4925 23.56 19.3725 23.67 19.2925 23.81C19.2125 23.9433 19.1725 24.09 19.1725 24.25C19.1725 24.4567 19.2458 24.6367 19.3925 24.79C19.5391 24.9433 19.7791 25.0333 20.1125 25.06L20.6725 25.11C21.2058 25.1567 21.6758 25.2733 22.0825 25.46C22.4891 25.64 22.8058 25.89 23.0325 26.21C23.2658 26.5233 23.3825 26.9067 23.3825 27.36C23.3825 27.8267 23.2591 28.2367 23.0125 28.59C22.7725 28.9367 22.4291 29.2067 21.9825 29.4C21.5358 29.5933 21.0025 29.69 20.3825 29.69Z",fill:"white"})),this.fileType==="xlsx"&&n("svg",{key:"cdd5a6455a906523ab8a8bf69fa711e67b6b0814",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"0e4c442ed1bb1856001cdbf86b368bc6aa666c58",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"573fee52bd3d8110b6e332a817de7516722d575a",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"5f396693ed5bc9e26c929fa46d8aa3cb64b33723",x:"1",y:"17.5",width:"33",height:"17",rx:"2",fill:"#079455"}),n("path",{key:"0d255541dc5a6584d81bb77ecf83620cd5ef368a",d:"M4.38199 29.5L6.87199 25.61L6.89199 25.78L4.59199 22.2H6.39199L7.81199 24.48H8.04199L9.44199 22.2H11.192L8.88199 25.8L8.85199 25.64L11.422 29.5H9.61199L7.95199 26.92H7.71199L6.13199 29.5H4.38199ZM12.3288 29.5V22.2H13.9688V29.5H12.3288ZM13.7688 29.5V28.06H16.8288V29.5H13.7688ZM20.3668 29.69C19.7068 29.69 19.1502 29.5867 18.6968 29.38C18.2435 29.1667 17.9002 28.88 17.6668 28.52C17.4335 28.1533 17.3168 27.7333 17.3168 27.26H18.9068C18.9068 27.4467 18.9568 27.62 19.0568 27.78C19.1635 27.94 19.3235 28.07 19.5368 28.17C19.7502 28.2633 20.0268 28.31 20.3668 28.31C20.6735 28.31 20.9302 28.27 21.1368 28.19C21.3435 28.11 21.5002 28 21.6068 27.86C21.7135 27.7133 21.7668 27.5467 21.7668 27.36C21.7668 27.1267 21.6668 26.9433 21.4668 26.81C21.2668 26.67 20.9435 26.58 20.4968 26.54L19.9468 26.49C19.2202 26.43 18.6402 26.2033 18.2068 25.81C17.7735 25.4167 17.5568 24.8967 17.5568 24.25C17.5568 23.7833 17.6668 23.38 17.8868 23.04C18.1135 22.7 18.4268 22.44 18.8268 22.26C19.2268 22.0733 19.7002 21.98 20.2468 21.98C20.8202 21.98 21.3102 22.08 21.7168 22.28C22.1302 22.4733 22.4468 22.75 22.6668 23.11C22.8868 23.4633 22.9968 23.88 22.9968 24.36H21.3968C21.3968 24.18 21.3535 24.0167 21.2668 23.87C21.1802 23.7167 21.0502 23.5933 20.8768 23.5C20.7102 23.4067 20.5002 23.36 20.2468 23.36C20.0068 23.36 19.8035 23.4 19.6368 23.48C19.4768 23.56 19.3568 23.67 19.2768 23.81C19.1968 23.9433 19.1568 24.09 19.1568 24.25C19.1568 24.4567 19.2302 24.6367 19.3768 24.79C19.5235 24.9433 19.7635 25.0333 20.0968 25.06L20.6568 25.11C21.1902 25.1567 21.6602 25.2733 22.0668 25.46C22.4735 25.64 22.7902 25.89 23.0168 26.21C23.2502 26.5233 23.3668 26.9067 23.3668 27.36C23.3668 27.8267 23.2435 28.2367 22.9968 28.59C22.7568 28.9367 22.4135 29.2067 21.9668 29.4C21.5202 29.5933 20.9868 29.69 20.3668 29.69ZM23.5812 29.5L26.0712 25.61L26.0912 25.78L23.7912 22.2H25.5912L27.0112 24.48H27.2412L28.6412 22.2H30.3912L28.0812 25.8L28.0512 25.64L30.6212 29.5H28.8112L27.1512 26.92H26.9112L25.3312 29.5H23.5812Z",fill:"white"})),this.fileType==="svg"&&n("svg",{key:"b30352e224c15edcca318e59dfd38c049b3fda00",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"7489a7c9f0c8d75b49e2d868b3d13deaf5068d41",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"57a508863e0c5bcd2178bd0d285d0dd8d0049d07",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"99b95bbf0a6edeaf9af8d6fb367ba109be4a6173",x:"0.5",y:"17.5",width:"29",height:"17",rx:"2",fill:"#6938EF"}),n("path",{key:"87f315ddd410864e57c5d9db6efc50944d4e040d",d:"M7.32484 29.69C6.66484 29.69 6.10818 29.5867 5.65484 29.38C5.20151 29.1667 4.85818 28.88 4.62484 28.52C4.39151 28.1533 4.27484 27.7333 4.27484 27.26H5.86484C5.86484 27.4467 5.91484 27.62 6.01484 27.78C6.12151 27.94 6.28151 28.07 6.49484 28.17C6.70818 28.2633 6.98484 28.31 7.32484 28.31C7.63151 28.31 7.88818 28.27 8.09484 28.19C8.30151 28.11 8.45818 28 8.56484 27.86C8.67151 27.7133 8.72484 27.5467 8.72484 27.36C8.72484 27.1267 8.62484 26.9433 8.42484 26.81C8.22484 26.67 7.90151 26.58 7.45484 26.54L6.90484 26.49C6.17818 26.43 5.59818 26.2033 5.16484 25.81C4.73151 25.4167 4.51484 24.8967 4.51484 24.25C4.51484 23.7833 4.62484 23.38 4.84484 23.04C5.07151 22.7 5.38484 22.44 5.78484 22.26C6.18484 22.0733 6.65818 21.98 7.20484 21.98C7.77818 21.98 8.26818 22.08 8.67484 22.28C9.08818 22.4733 9.40484 22.75 9.62484 23.11C9.84484 23.4633 9.95484 23.88 9.95484 24.36H8.35484C8.35484 24.18 8.31151 24.0167 8.22484 23.87C8.13818 23.7167 8.00818 23.5933 7.83484 23.5C7.66818 23.4067 7.45818 23.36 7.20484 23.36C6.96484 23.36 6.76151 23.4 6.59484 23.48C6.43484 23.56 6.31484 23.67 6.23484 23.81C6.15484 23.9433 6.11484 24.09 6.11484 24.25C6.11484 24.4567 6.18818 24.6367 6.33484 24.79C6.48151 24.9433 6.72151 25.0333 7.05484 25.06L7.61484 25.11C8.14818 25.1567 8.61818 25.2733 9.02484 25.46C9.43151 25.64 9.74818 25.89 9.97484 26.21C10.2082 26.5233 10.3248 26.9067 10.3248 27.36C10.3248 27.8267 10.2015 28.2367 9.95484 28.59C9.71484 28.9367 9.37151 29.2067 8.92484 29.4C8.47818 29.5933 7.94484 29.69 7.32484 29.69ZM12.8597 29.5L10.6397 22.2H12.3297L14.0897 28.36L13.7097 28.17H14.7297L14.3297 28.36L15.9597 22.2H17.5997L15.5297 29.5H12.8597ZM21.9851 29.69C21.3317 29.69 20.7617 29.5833 20.2751 29.37C19.7884 29.15 19.3851 28.8567 19.0651 28.49C18.7517 28.1233 18.5184 27.7167 18.3651 27.27C18.2117 26.8233 18.1351 26.3767 18.1351 25.93V25.71C18.1351 25.25 18.2117 24.8 18.3651 24.36C18.5184 23.92 18.7484 23.52 19.0551 23.16C19.3684 22.8 19.7551 22.5133 20.2151 22.3C20.6817 22.0867 21.2184 21.98 21.8251 21.98C22.4851 21.98 23.0684 22.1033 23.5751 22.35C24.0817 22.59 24.4884 22.9267 24.7951 23.36C25.1017 23.7867 25.2784 24.2833 25.3251 24.85H23.6851C23.6451 24.5833 23.5384 24.35 23.3651 24.15C23.1984 23.95 22.9817 23.7933 22.7151 23.68C22.4551 23.5667 22.1584 23.51 21.8251 23.51C21.5051 23.51 21.2184 23.5667 20.9651 23.68C20.7184 23.7933 20.5051 23.9533 20.3251 24.16C20.1517 24.3667 20.0184 24.6133 19.9251 24.9C19.8384 25.18 19.7951 25.49 19.7951 25.83C19.7951 26.1833 19.8417 26.5067 19.9351 26.8C20.0351 27.0867 20.1784 27.3367 20.3651 27.55C20.5517 27.7567 20.7817 27.9167 21.0551 28.03C21.3351 28.1433 21.6451 28.2 21.9851 28.2C22.4384 28.2 22.8317 28.1067 23.1651 27.92C23.4984 27.7333 23.7384 27.4867 23.8851 27.18L23.6851 28.3V26.56H25.1951V28.12C24.8817 28.6267 24.4484 29.0167 23.8951 29.29C23.3484 29.5567 22.7117 29.69 21.9851 29.69ZM21.7751 26.88V25.7H25.7951V26.88H21.7751Z",fill:"white"})),this.fileType==="txt"&&n("svg",{key:"f414f28d0527a461ec53b316db4080f421ca08cb",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"91383caae759887f8f347aa896cdcf5ce85379da",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"29dec0ad12d0d7b435fc6e691a83a0d20a8fc6a5",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"c3b292934bce8058cd708d5f0658d62d3c3cf4e8",x:"1",y:"18",width:"26",height:"17",rx:"2",fill:"#202939"}),n("path",{key:"9e791338b6e2bdcdb93bcc5c99f4d93be8eb618a",d:"M6.46043 30V23.93H8.10043V30H6.46043ZM4.41043 24.13V22.7H10.1604V24.13H4.41043ZM10.4816 30L12.9716 26.11L12.9916 26.28L10.6916 22.7H12.4916L13.9116 24.98H14.1416L15.5416 22.7H17.2916L14.9816 26.3L14.9516 26.14L17.5216 30H15.7116L14.0516 27.42H13.8116L12.2316 30H10.4816ZM19.8979 30V23.93H21.5379V30H19.8979ZM17.8479 24.13V22.7H23.5979V24.13H17.8479Z",fill:"white"})),this.fileType==="zip"&&n("svg",{key:"287ac70cfae3831260f7557eaf8c83495145b72c",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"f02c1a56ba9a7139812c46bd580fd52e80910b52",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"28a0aa19269810400bb00c0c961b8e8779c633af",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"c7e45bd3a931bf60bbca8b9885a9026e8e82137d",x:"0.5",y:"17.5",width:"23",height:"17",rx:"2",fill:"#202939"}),n("path",{key:"c3c68f5cfa0fdc537a7197841857d5a27e07a41c",d:"M4.14758 29.5V28.27L7.94758 23.59L7.97758 23.79L7.65758 23.37L7.87758 23.54H4.27758V22.2H9.88758V23.43L6.07758 28.11L6.03758 27.89L6.37758 28.34L6.13758 28.15H9.88758V29.5H4.14758ZM11.0822 29.5V22.2H12.7222V29.5H11.0822ZM15.8225 27.41V25.99H17.1325C17.3858 25.99 17.6025 25.94 17.7825 25.84C17.9692 25.74 18.1125 25.6 18.2125 25.42C18.3125 25.2333 18.3625 25.02 18.3625 24.78C18.3625 24.5267 18.3125 24.31 18.2125 24.13C18.1125 23.9433 17.9692 23.8033 17.7825 23.71C17.6025 23.61 17.3858 23.56 17.1325 23.56H15.8225V22.14H17.0525C17.6725 22.14 18.2025 22.2433 18.6425 22.45C19.0892 22.6567 19.4292 22.95 19.6625 23.33C19.9025 23.71 20.0225 24.1667 20.0225 24.7V24.86C20.0225 25.38 19.9025 25.8333 19.6625 26.22C19.4292 26.6 19.0892 26.8933 18.6425 27.1C18.2025 27.3067 17.6725 27.41 17.0525 27.41H15.8225ZM14.3825 29.5V22.14H16.0225V29.5H14.3825Z",fill:"white"})),this.fileType==="rar"&&n("svg",{key:"318f63cca65e8dbd924d15c719a1349b273edad9",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"b352f8887ade1a8427e3d2a32246782376adb434",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"ae7114299b4e6ba447aac86b030dcd03792b4218",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"fbded88b3ed98d2d207a3ffae546819766daf7ef",y:"17.5",width:"29",height:"17",rx:"2",fill:"#202939"}),n("path",{key:"859d02b6700a6f2a7c666b90e1d5f9a7402cd42f",d:"M4.10418 29.5V22.14H5.74418V29.5H4.10418ZM8.53418 29.5L6.39418 26.36H8.19418L10.4342 29.5H8.53418ZM5.30418 27.16V25.87H7.10418C7.34418 25.87 7.55085 25.8233 7.72418 25.73C7.90418 25.63 8.04085 25.4933 8.13418 25.32C8.23418 25.14 8.28418 24.9333 8.28418 24.7C8.28418 24.4667 8.23418 24.2633 8.13418 24.09C8.04085 23.91 7.90418 23.7733 7.72418 23.68C7.55085 23.58 7.34418 23.53 7.10418 23.53H5.30418V22.14H6.97418C7.58085 22.14 8.10751 22.2333 8.55418 22.42C9.00085 22.6 9.34418 22.87 9.58418 23.23C9.82418 23.59 9.94418 24.0433 9.94418 24.59V24.75C9.94418 25.29 9.82085 25.74 9.57418 26.1C9.33418 26.4533 8.99085 26.72 8.54418 26.9C8.10418 27.0733 7.58085 27.16 6.97418 27.16H5.30418ZM10.7189 29.5L13.1289 22.2H15.7789L18.2789 29.5H16.5789L14.5589 23.33L15.0789 23.54H13.7889L14.3289 23.33L12.3589 29.5H10.7189ZM12.5489 27.69L13.0489 26.33H15.9089L16.4189 27.69H12.5489ZM19.2311 29.5V22.14H20.8711V29.5H19.2311ZM23.6611 29.5L21.5211 26.36H23.3211L25.5611 29.5H23.6611ZM20.4311 27.16V25.87H22.2311C22.4711 25.87 22.6778 25.8233 22.8511 25.73C23.0311 25.63 23.1678 25.4933 23.2611 25.32C23.3611 25.14 23.4111 24.9333 23.4111 24.7C23.4111 24.4667 23.3611 24.2633 23.2611 24.09C23.1678 23.91 23.0311 23.7733 22.8511 23.68C22.6778 23.58 22.4711 23.53 22.2311 23.53H20.4311V22.14H22.1011C22.7078 22.14 23.2345 22.2333 23.6811 22.42C24.1278 22.6 24.4711 22.87 24.7111 23.23C24.9511 23.59 25.0711 24.0433 25.0711 24.59V24.75C25.0711 25.29 24.9478 25.74 24.7011 26.1C24.4611 26.4533 24.1178 26.72 23.6711 26.9C23.2311 27.0733 22.7078 27.16 22.1011 27.16H20.4311Z",fill:"white"})),this.fileType==="mp3"&&n("svg",{key:"1495f618c824809a3a65554672e2d1a57074619e",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"c0f41548dc1abcc08fff5d9893d1df3adcc7c5f3",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"6519023c29b5cc2ba81fc2c57cab977f75007035",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"ea647e447a327f3ee26390f055d3e20c91816aac",x:"1",y:"17.5",width:"29",height:"17",rx:"2",fill:"#DD2590"}),n("path",{key:"c4a282e9926609d47c94ffb35e294b098f607815",d:"M4.97234 29.5V22.2H7.23234L8.90234 26.3H9.09234L10.7423 22.2H13.0423V29.5H11.4223V23.27L11.6523 23.29L9.72234 28.02H8.16234L6.22234 23.29L6.47234 23.27V29.5H4.97234ZM16.1194 27.41V25.99H17.4294C17.6827 25.99 17.8994 25.94 18.0794 25.84C18.266 25.74 18.4094 25.6 18.5094 25.42C18.6094 25.2333 18.6594 25.02 18.6594 24.78C18.6594 24.5267 18.6094 24.31 18.5094 24.13C18.4094 23.9433 18.266 23.8033 18.0794 23.71C17.8994 23.61 17.6827 23.56 17.4294 23.56H16.1194V22.14H17.3494C17.9694 22.14 18.4994 22.2433 18.9394 22.45C19.386 22.6567 19.726 22.95 19.9594 23.33C20.1994 23.71 20.3194 24.1667 20.3194 24.7V24.86C20.3194 25.38 20.1994 25.8333 19.9594 26.22C19.726 26.6 19.386 26.8933 18.9394 27.1C18.4994 27.3067 17.9694 27.41 17.3494 27.41H16.1194ZM14.6794 29.5V22.14H16.3194V29.5H14.6794ZM23.6293 29.69C23.0626 29.69 22.5693 29.5867 22.1493 29.38C21.736 29.1667 21.4193 28.88 21.1993 28.52C20.9793 28.16 20.8693 27.7533 20.8693 27.3H22.4493C22.4493 27.6067 22.5526 27.8567 22.7593 28.05C22.966 28.2367 23.256 28.33 23.6293 28.33C23.876 28.33 24.086 28.2833 24.2593 28.19C24.4326 28.0967 24.566 27.97 24.6593 27.81C24.7526 27.6433 24.7993 27.4567 24.7993 27.25C24.7993 26.93 24.696 26.6667 24.4893 26.46C24.2893 26.2533 24.0026 26.15 23.6293 26.15C23.4293 26.15 23.2526 26.18 23.0993 26.24C22.9526 26.3 22.826 26.3733 22.7193 26.46L21.9793 25.21L24.1893 23.77L24.0993 23.6H21.1693V22.2H26.0893V23.72L23.5393 25.34L22.7393 25.12C22.8726 25.08 23.0126 25.05 23.1593 25.03C23.3126 25.0033 23.476 24.99 23.6493 24.99C24.216 24.99 24.7026 25.0833 25.1093 25.27C25.516 25.4567 25.8293 25.72 26.0493 26.06C26.276 26.3933 26.3893 26.7833 26.3893 27.23V27.35C26.3893 27.7967 26.276 28.1967 26.0493 28.55C25.8293 28.9033 25.5126 29.1833 25.0993 29.39C24.6926 29.59 24.2026 29.69 23.6293 29.69Z",fill:"white"})),this.fileType==="mp4"&&n("svg",{key:"8eaa3991e4ea2329f4fab8e90d1e3d9ea9d76133",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"3583f3fe6af81922dd030f681d1025de671b95b3",d:"M7.75 4C7.75 2.20508 9.20508 0.75 11 0.75H27C27.1212 0.75 27.2375 0.798159 27.3232 0.883885L38.1161 11.6768C38.2018 11.7625 38.25 11.8788 38.25 12V36C38.25 37.7949 36.7949 39.25 35 39.25H11C9.20507 39.25 7.75 37.7949 7.75 36V4Z",fill:"white",stroke:"#E3E8EF","stroke-width":"1.5"}),n("path",{key:"dbb66d980a364c1bee5c331ea29552e8475f88cd",d:"M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5",stroke:"#E3E8EF","stroke-width":"1.5"}),n("rect",{key:"de476c4c7ec10bc9fb95bcec55a71d67292bf6b6",x:"0.5",y:"17.5",width:"30",height:"17",rx:"2",fill:"#064E94"}),n("path",{key:"1b99b4c67fcfc42087734eb45baa02a5a469df52",d:"M4.77215 29.5V22.2H7.03215L8.70215 26.3H8.89215L10.5421 22.2H12.8421V29.5H11.2221V23.27L11.4521 23.29L9.52215 28.02H7.96215L6.02215 23.29L6.27215 23.27V29.5H4.77215ZM15.9192 27.41V25.99H17.2292C17.4825 25.99 17.6992 25.94 17.8792 25.84C18.0658 25.74 18.2092 25.6 18.3092 25.42C18.4092 25.2333 18.4592 25.02 18.4592 24.78C18.4592 24.5267 18.4092 24.31 18.3092 24.13C18.2092 23.9433 18.0658 23.8033 17.8792 23.71C17.6992 23.61 17.4825 23.56 17.2292 23.56H15.9192V22.14H17.1492C17.7692 22.14 18.2992 22.2433 18.7392 22.45C19.1858 22.6567 19.5258 22.95 19.7592 23.33C19.9992 23.71 20.1192 24.1667 20.1192 24.7V24.86C20.1192 25.38 19.9992 25.8333 19.7592 26.22C19.5258 26.6 19.1858 26.8933 18.7392 27.1C18.2992 27.3067 17.7692 27.41 17.1492 27.41H15.9192ZM14.4792 29.5V22.14H16.1192V29.5H14.4792ZM20.6591 28.1V26.39L23.4291 21.99L24.6991 22.82L22.3291 26.59L22.4691 26.8H26.8391V28.1H20.6591ZM24.4891 29.5V24.24H25.9991V29.5H24.4891Z",fill:"white"}))),this.fileStyle==="gray"&&n(o,null,this.fileType==="pdf"&&n("svg",{key:"6a38fdbbb7a7ee7d6d87169aecc111ad675dbc83",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"9a8be297eebf6314de14a48b08776cfeaf7010ea",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"8feae21074b5061d8b543d8848c603316d0406e6",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"7b9414879a5fac40878ab23d887a82ccd2d9f3a2",d:"M11.7491 32V25.4545H14.3315C14.8279 25.4545 15.2508 25.5494 15.6003 25.739C15.9497 25.9265 16.216 26.1875 16.3993 26.522C16.5847 26.8544 16.6773 27.2379 16.6773 27.6726C16.6773 28.1072 16.5836 28.4908 16.3961 28.8232C16.2086 29.1555 15.9369 29.4144 15.5811 29.5998C15.2274 29.7852 14.7991 29.8778 14.2963 29.8778H12.6503V28.7688H14.0726C14.3389 28.7688 14.5584 28.723 14.731 28.6314C14.9057 28.5376 15.0356 28.4087 15.1209 28.2447C15.2082 28.0785 15.2519 27.8878 15.2519 27.6726C15.2519 27.4553 15.2082 27.2656 15.1209 27.1037C15.0356 26.9396 14.9057 26.8129 14.731 26.7234C14.5562 26.6317 14.3347 26.5859 14.0662 26.5859H13.1329V32H11.7491ZM19.8965 32H17.5762V25.4545H19.9157C20.5741 25.4545 21.1408 25.5856 21.616 25.8477C22.0911 26.1076 22.4565 26.4815 22.7122 26.9695C22.97 27.4574 23.0989 28.0412 23.0989 28.7209C23.0989 29.4027 22.97 29.9886 22.7122 30.4787C22.4565 30.9687 22.089 31.3448 21.6096 31.6069C21.1323 31.869 20.5613 32 19.8965 32ZM18.9601 30.8143H19.839C20.2481 30.8143 20.5922 30.7418 20.8713 30.5969C21.1526 30.4499 21.3635 30.223 21.5041 29.9162C21.6469 29.6072 21.7183 29.2088 21.7183 28.7209C21.7183 28.2372 21.6469 27.842 21.5041 27.5352C21.3635 27.2283 21.1536 27.0025 20.8745 26.8576C20.5954 26.7127 20.2513 26.6403 19.8422 26.6403H18.9601V30.8143ZM24.1241 32V25.4545H28.4579V26.5955H25.5079V28.1552H28.1702V29.2962H25.5079V32H24.1241Z",fill:"#4B5565"})),this.fileType==="csv"&&n("svg",{key:"cd5f241d27da344f96aad1a86168f0d9212482d6",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"5b8bb412908925a9cd002c4009e61e933a15cfc5",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"929e9b26aca99f22fde347ef7f3a96084db971fe",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"ed2fbaa852a41698c708fc8f65514d6fa81d2100",d:"M16.6454 27.7461H15.2455C15.2199 27.565 15.1677 27.4041 15.0889 27.2635C15.0101 27.1207 14.9089 26.9993 14.7853 26.8991C14.6617 26.799 14.519 26.7223 14.357 26.669C14.1972 26.6158 14.0236 26.5891 13.8361 26.5891C13.4973 26.5891 13.2022 26.6733 12.9508 26.8416C12.6994 27.0078 12.5044 27.2507 12.3659 27.5703C12.2274 27.8878 12.1582 28.2734 12.1582 28.7273C12.1582 29.1939 12.2274 29.5859 12.3659 29.9034C12.5065 30.2209 12.7025 30.4606 12.954 30.6225C13.2054 30.7844 13.4962 30.8654 13.8265 30.8654C14.0119 30.8654 14.1834 30.8409 14.341 30.7919C14.5008 30.7429 14.6425 30.6715 14.7661 30.5778C14.8897 30.4819 14.992 30.3658 15.0729 30.2294C15.156 30.093 15.2136 29.9375 15.2455 29.7628L16.6454 29.7692C16.6092 30.0696 16.5186 30.3594 16.3737 30.6385C16.231 30.9155 16.0381 31.1637 15.7952 31.3832C15.5545 31.6005 15.2668 31.7731 14.9323 31.9009C14.5999 32.0266 14.2239 32.0895 13.8041 32.0895C13.2203 32.0895 12.6983 31.9574 12.2381 31.6932C11.78 31.429 11.4177 31.0465 11.1514 30.5458C10.8872 30.0451 10.7551 29.4389 10.7551 28.7273C10.7551 28.0135 10.8893 27.4062 11.1578 26.9055C11.4263 26.4048 11.7906 26.0234 12.2508 25.7614C12.7111 25.4972 13.2288 25.3651 13.8041 25.3651C14.1834 25.3651 14.5349 25.4183 14.8588 25.5249C15.1848 25.6314 15.4735 25.7869 15.7249 25.9915C15.9763 26.1939 16.1809 26.4421 16.3386 26.7362C16.4984 27.0302 16.6006 27.3668 16.6454 27.7461ZM21.1885 27.337C21.163 27.0792 21.0532 26.8789 20.8593 26.7362C20.6654 26.5934 20.4023 26.522 20.0699 26.522C19.8441 26.522 19.6534 26.554 19.4978 26.6179C19.3423 26.6797 19.223 26.766 19.1399 26.8768C19.0589 26.9876 19.0184 27.1133 19.0184 27.2539C19.0142 27.3711 19.0387 27.4734 19.0919 27.5607C19.1473 27.6481 19.223 27.7237 19.3188 27.7876C19.4147 27.8494 19.5255 27.9038 19.6512 27.9506C19.7769 27.9954 19.9112 28.0337 20.0539 28.0657L20.642 28.2063C20.9275 28.2702 21.1896 28.3555 21.4282 28.462C21.6669 28.5685 21.8735 28.6996 22.0483 28.8551C22.223 29.0107 22.3583 29.1939 22.4541 29.4048C22.5522 29.6158 22.6022 29.8576 22.6044 30.1303C22.6022 30.5309 22.5 30.8782 22.2975 31.1722C22.0973 31.4641 21.8075 31.6911 21.4282 31.853C21.0511 32.0128 20.5962 32.0927 20.0635 32.0927C19.5351 32.0927 19.0749 32.0117 18.6828 31.8498C18.2929 31.6879 17.9882 31.4482 17.7688 31.1307C17.5514 30.8111 17.4375 30.4158 17.4268 29.945H18.7659C18.7809 30.1644 18.8437 30.3477 18.9545 30.4947C19.0674 30.6396 19.2176 30.7493 19.4051 30.8239C19.5948 30.8963 19.8089 30.9325 20.0475 30.9325C20.2819 30.9325 20.4854 30.8984 20.658 30.8303C20.8327 30.7621 20.968 30.6673 21.0639 30.5458C21.1598 30.4244 21.2077 30.2848 21.2077 30.1271C21.2077 29.9801 21.164 29.8565 21.0767 29.7564C20.9914 29.6562 20.8657 29.571 20.6995 29.5007C20.5355 29.4304 20.3341 29.3665 20.0955 29.3089L19.3828 29.13C18.8309 28.9957 18.3952 28.7859 18.0756 28.5004C17.756 28.2148 17.5973 27.8303 17.5994 27.3466C17.5973 26.9503 17.7027 26.604 17.9158 26.3079C18.131 26.0117 18.4261 25.7805 18.8011 25.6143C19.1761 25.4482 19.6022 25.3651 20.0795 25.3651C20.5653 25.3651 20.9893 25.4482 21.3515 25.6143C21.7159 25.7805 21.9992 26.0117 22.2017 26.3079C22.4041 26.604 22.5085 26.9471 22.5149 27.337H21.1885ZM24.7177 25.4545L26.2998 30.4276H26.3605L27.9457 25.4545H29.4798L27.2234 32H25.44L23.1804 25.4545H24.7177Z",fill:"#4B5565"})),this.fileType==="jpg"&&n("svg",{key:"60ac7020cd8c9ee8c3a029c1c07cf898c198a6a7",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"7860ad9ee8ad7e3e71b441bca61787ba18530f7b",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"aae06213649ed2b56d88954c079b0baf0f7244c8",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"e5eef769312d18aeb91d2bfefbae843cd739ebda",d:"M14.2863 25.4545H15.6542V30.0185C15.6542 30.4403 15.5594 30.8068 15.3698 31.1179C15.1823 31.429 14.9213 31.6687 14.5867 31.837C14.2522 32.0053 13.8634 32.0895 13.4202 32.0895C13.026 32.0895 12.6681 32.0202 12.3463 31.8817C12.0267 31.7411 11.7732 31.5281 11.5857 31.2425C11.3982 30.9549 11.3055 30.5937 11.3076 30.1591H12.6851C12.6894 30.3317 12.7245 30.4798 12.7906 30.6033C12.8588 30.7248 12.9514 30.8185 13.0686 30.8846C13.1879 30.9485 13.3286 30.9805 13.4905 30.9805C13.661 30.9805 13.8048 30.9442 13.922 30.8718C14.0413 30.7972 14.1318 30.6886 14.1936 30.5458C14.2554 30.4031 14.2863 30.2273 14.2863 30.0185V25.4545ZM16.7984 32V25.4545H19.3808C19.8772 25.4545 20.3002 25.5494 20.6496 25.739C20.999 25.9265 21.2654 26.1875 21.4486 26.522C21.634 26.8544 21.7267 27.2379 21.7267 27.6726C21.7267 28.1072 21.6329 28.4908 21.4454 28.8232C21.2579 29.1555 20.9862 29.4144 20.6304 29.5998C20.2767 29.7852 19.8485 29.8778 19.3456 29.8778H17.6997V28.7688H19.1219C19.3882 28.7688 19.6077 28.723 19.7803 28.6314C19.955 28.5376 20.085 28.4087 20.1702 28.2447C20.2575 28.0785 20.3012 27.8878 20.3012 27.6726C20.3012 27.4553 20.2575 27.2656 20.1702 27.1037C20.085 26.9396 19.955 26.8129 19.7803 26.7234C19.6056 26.6317 19.384 26.5859 19.1155 26.5859H18.1823V32H16.7984ZM26.9657 27.5703C26.921 27.4148 26.8581 27.2773 26.7772 27.158C26.6962 27.0366 26.5971 26.9343 26.4799 26.8512C26.3649 26.766 26.2328 26.701 26.0836 26.6562C25.9366 26.6115 25.7736 26.5891 25.5946 26.5891C25.2601 26.5891 24.9661 26.6722 24.7125 26.8384C24.4611 27.0046 24.2651 27.2464 24.1245 27.5639C23.9838 27.8793 23.9135 28.2649 23.9135 28.7209C23.9135 29.1768 23.9828 29.5646 24.1213 29.8842C24.2598 30.2038 24.4558 30.4478 24.7093 30.6161C24.9629 30.7823 25.2623 30.8654 25.6074 30.8654C25.9206 30.8654 26.188 30.81 26.4096 30.6992C26.6333 30.5863 26.8038 30.4276 26.921 30.223C27.0403 30.0185 27.1 29.7766 27.1 29.4975L27.3812 29.5391H25.6937V28.4972H28.4327V29.3217C28.4327 29.897 28.3113 30.3913 28.0684 30.8047C27.8255 31.2159 27.4909 31.5334 27.0648 31.7571C26.6387 31.9787 26.1507 32.0895 25.601 32.0895C24.9874 32.0895 24.4483 31.9542 23.9838 31.6836C23.5194 31.4109 23.1571 31.0241 22.8972 30.5234C22.6394 30.0206 22.5105 29.424 22.5105 28.7337C22.5105 28.2031 22.5872 27.7301 22.7406 27.3146C22.8961 26.897 23.1135 26.5433 23.3926 26.2536C23.6717 25.9638 23.9966 25.7433 24.3674 25.592C24.7381 25.4407 25.1397 25.3651 25.5723 25.3651C25.943 25.3651 26.2882 25.4194 26.6078 25.5281C26.9274 25.6346 27.2108 25.7859 27.4579 25.9819C27.7072 26.1779 27.9107 26.4112 28.0684 26.6818C28.226 26.9503 28.3272 27.2464 28.372 27.5703H26.9657Z",fill:"#4B5565"})),this.fileType==="jpeg"&&n("svg",{key:"8aadfca1d93962a47ae7124843a1a7018184fc07",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"b712d0f947c0aabab09797aac924063f76a91217",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"fb73c7aa09c5e28d2a849c5d9348303d2d0bcab3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"506d34eb1bbbfbb2aaf65a0591ff3e93ae359c6b",d:"M11.5309 25.4545H12.8988V30.0185C12.8988 30.4403 12.804 30.8068 12.6144 31.1179C12.4269 31.429 12.1659 31.6687 11.8314 31.837C11.4968 32.0053 11.108 32.0895 10.6648 32.0895C10.2706 32.0895 9.91269 32.0202 9.59095 31.8817C9.27135 31.7411 9.0178 31.5281 8.8303 31.2425C8.6428 30.9549 8.55012 30.5937 8.55225 30.1591H9.92973C9.93399 30.3317 9.96915 30.4798 10.0352 30.6033C10.1034 30.7248 10.1961 30.8185 10.3133 30.8846C10.4326 30.9485 10.5732 30.9805 10.7351 30.9805C10.9056 30.9805 11.0494 30.9442 11.1666 30.8718C11.2859 30.7972 11.3765 30.6886 11.4383 30.5458C11.5 30.4031 11.5309 30.2273 11.5309 30.0185V25.4545ZM14.043 32V25.4545H16.6254C17.1218 25.4545 17.5448 25.5494 17.8942 25.739C18.2437 25.9265 18.51 26.1875 18.6932 26.522C18.8786 26.8544 18.9713 27.2379 18.9713 27.6726C18.9713 28.1072 18.8775 28.4908 18.69 28.8232C18.5025 29.1555 18.2309 29.4144 17.875 29.5998C17.5214 29.7852 17.0931 29.8778 16.5902 29.8778H14.9443V28.7688H16.3665C16.6329 28.7688 16.8523 28.723 17.0249 28.6314C17.1996 28.5376 17.3296 28.4087 17.4148 28.2447C17.5022 28.0785 17.5459 27.8878 17.5459 27.6726C17.5459 27.4553 17.5022 27.2656 17.4148 27.1037C17.3296 26.9396 17.1996 26.8129 17.0249 26.7234C16.8502 26.6317 16.6286 26.5859 16.3601 26.5859H15.4269V32H14.043ZM19.8702 32V25.4545H24.2807V26.5955H21.254V28.1552H24.0538V29.2962H21.254V30.859H24.2935V32H19.8702ZM29.7211 27.5703C29.6764 27.4148 29.6135 27.2773 29.5325 27.158C29.4516 27.0366 29.3525 26.9343 29.2353 26.8512C29.1203 26.766 28.9881 26.701 28.839 26.6562C28.692 26.6115 28.529 26.5891 28.35 26.5891C28.0155 26.5891 27.7215 26.6722 27.4679 26.8384C27.2165 27.0046 27.0205 27.2464 26.8798 27.5639C26.7392 27.8793 26.6689 28.2649 26.6689 28.7209C26.6689 29.1768 26.7381 29.5646 26.8766 29.8842C27.0151 30.2038 27.2112 30.4478 27.4647 30.6161C27.7183 30.7823 28.0176 30.8654 28.3628 30.8654C28.676 30.8654 28.9434 30.81 29.165 30.6992C29.3887 30.5863 29.5592 30.4276 29.6764 30.223C29.7957 30.0185 29.8553 29.7766 29.8553 29.4975L30.1366 29.5391H28.4491V28.4972H31.1881V29.3217C31.1881 29.897 31.0666 30.3913 30.8237 30.8047C30.5808 31.2159 30.2463 31.5334 29.8202 31.7571C29.394 31.9787 28.9061 32.0895 28.3564 32.0895C27.7428 32.0895 27.2037 31.9542 26.7392 31.6836C26.2747 31.4109 25.9125 31.0241 25.6526 30.5234C25.3948 30.0206 25.2658 29.424 25.2658 28.7337C25.2658 28.2031 25.3426 27.7301 25.496 27.3146C25.6515 26.897 25.8688 26.5433 26.1479 26.2536C26.4271 25.9638 26.752 25.7433 27.1227 25.592C27.4935 25.4407 27.8951 25.3651 28.3276 25.3651C28.6984 25.3651 29.0435 25.4194 29.3631 25.5281C29.6828 25.6346 29.9661 25.7859 30.2133 25.9819C30.4626 26.1779 30.6661 26.4112 30.8237 26.6818C30.9814 26.9503 31.0826 27.2464 31.1274 27.5703H29.7211Z",fill:"#4B5565"})),this.fileType==="ppt"&&n("svg",{key:"006f3f6326592cc2dc40251a68d56cf818f1df23",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"c50f863d19a5b21122ab0f776c33eeb5fd0e7cd8",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"eb9e5836c90abfaf5068dff4e4258a106b51c735",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"5295eb0f355344151f5ba6b3010d9b70be0bb910",d:"M11.7359 32V25.4545H14.3183C14.8147 25.4545 15.2377 25.5494 15.5871 25.739C15.9365 25.9265 16.2029 26.1875 16.3861 26.522C16.5715 26.8544 16.6642 27.2379 16.6642 27.6726C16.6642 28.1072 16.5704 28.4908 16.3829 28.8232C16.1954 29.1555 15.9237 29.4144 15.5679 29.5998C15.2142 29.7852 14.786 29.8778 14.2831 29.8778H12.6372V28.7688H14.0594C14.3257 28.7688 14.5452 28.723 14.7178 28.6314C14.8925 28.5376 15.0225 28.4087 15.1077 28.2447C15.195 28.0785 15.2387 27.8878 15.2387 27.6726C15.2387 27.4553 15.195 27.2656 15.1077 27.1037C15.0225 26.9396 14.8925 26.8129 14.7178 26.7234C14.5431 26.6317 14.3215 26.5859 14.053 26.5859H13.1198V32H11.7359ZM17.563 32V25.4545H20.1454C20.6419 25.4545 21.0648 25.5494 21.4142 25.739C21.7637 25.9265 22.03 26.1875 22.2132 26.522C22.3986 26.8544 22.4913 27.2379 22.4913 27.6726C22.4913 28.1072 22.3976 28.4908 22.2101 28.8232C22.0226 29.1555 21.7509 29.4144 21.3951 29.5998C21.0414 29.7852 20.6131 29.8778 20.1103 29.8778H18.4643V28.7688H19.8865C20.1529 28.7688 20.3723 28.723 20.5449 28.6314C20.7196 28.5376 20.8496 28.4087 20.9348 28.2447C21.0222 28.0785 21.0659 27.8878 21.0659 27.6726C21.0659 27.4553 21.0222 27.2656 20.9348 27.1037C20.8496 26.9396 20.7196 26.8129 20.5449 26.7234C20.3702 26.6317 20.1486 26.5859 19.8801 26.5859H18.9469V32H17.563ZM23.1409 26.5955V25.4545H28.5166V26.5955H26.5127V32H25.1448V26.5955H23.1409Z",fill:"#4B5565"})),this.fileType==="pptx"&&n("svg",{key:"414065a5af1e352b48b44607ab6d5b73e26cf9bf",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"fb9233b061eeb2fd68d73d3913804f95ed87b7f4",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"9e1e65bd42834c3ca728e0f620f3d57ab0694d8c",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"7832af73c249f282c8b573a1c8571e88ad56b0b7",d:"M8.51909 32V25.4545H11.1015C11.5979 25.4545 12.0209 25.5494 12.3703 25.739C12.7197 25.9265 12.9861 26.1875 13.1693 26.522C13.3547 26.8544 13.4474 27.2379 13.4474 27.6726C13.4474 28.1072 13.3536 28.4908 13.1661 28.8232C12.9786 29.1555 12.7069 29.4144 12.3511 29.5998C11.9974 29.7852 11.5692 29.8778 11.0663 29.8778H9.42037V28.7688H10.8426C11.1089 28.7688 11.3284 28.723 11.501 28.6314C11.6757 28.5376 11.8057 28.4087 11.8909 28.2447C11.9782 28.0785 12.0219 27.8878 12.0219 27.6726C12.0219 27.4553 11.9782 27.2656 11.8909 27.1037C11.8057 26.9396 11.6757 26.8129 11.501 26.7234C11.3263 26.6317 11.1047 26.5859 10.8362 26.5859H9.90297V32H8.51909ZM14.3462 32V25.4545H16.9286C17.4251 25.4545 17.848 25.5494 18.1974 25.739C18.5469 25.9265 18.8132 26.1875 18.9964 26.522C19.1818 26.8544 19.2745 27.2379 19.2745 27.6726C19.2745 28.1072 19.1808 28.4908 18.9933 28.8232C18.8058 29.1555 18.5341 29.4144 18.1783 29.5998C17.8246 29.7852 17.3963 29.8778 16.8935 29.8778H15.2475V28.7688H16.6697C16.9361 28.7688 17.1555 28.723 17.3281 28.6314C17.5028 28.5376 17.6328 28.4087 17.718 28.2447C17.8054 28.0785 17.8491 27.8878 17.8491 27.6726C17.8491 27.4553 17.8054 27.2656 17.718 27.1037C17.6328 26.9396 17.5028 26.8129 17.3281 26.7234C17.1534 26.6317 16.9318 26.5859 16.6634 26.5859H15.7301V32H14.3462ZM19.9241 26.5955V25.4545H25.2998V26.5955H23.2959V32H21.928V26.5955H19.9241ZM27.4827 25.4545L28.8026 27.6854H28.8538L30.1801 25.4545H31.743L29.7455 28.7273L31.7877 32H30.1961L28.8538 29.766H28.8026L27.4603 32H25.8751L27.9237 28.7273L25.9134 25.4545H27.4827Z",fill:"#4B5565"})),this.fileType==="doc"&&n("svg",{key:"e53e9846f88fe50cb50d6f3ac22e1f224f3721f8",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"a4086042fb1b50f1b7dc74755903a7a4625ab548",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"93b2d7a2a17a247f447c78bcb026dbe211f1aefa",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"9c0b8ca572b2335a96338033fa4c8d58331615b6",d:"M12.7115 32H10.3912V25.4545H12.7306C13.389 25.4545 13.9558 25.5856 14.4309 25.8477C14.9061 26.1076 15.2715 26.4815 15.5272 26.9695C15.785 27.4574 15.9139 28.0412 15.9139 28.7209C15.9139 29.4027 15.785 29.9886 15.5272 30.4787C15.2715 30.9687 14.9039 31.3448 14.4245 31.6069C13.9473 31.869 13.3762 32 12.7115 32ZM11.775 30.8143H12.6539C13.063 30.8143 13.4071 30.7418 13.6863 30.5969C13.9675 30.4499 14.1784 30.223 14.3191 29.9162C14.4618 29.6072 14.5332 29.2088 14.5332 28.7209C14.5332 28.2372 14.4618 27.842 14.3191 27.5352C14.1784 27.2283 13.9686 27.0025 13.6895 26.8576C13.4103 26.7127 13.0662 26.6403 12.6571 26.6403H11.775V30.8143ZM22.9539 28.7273C22.9539 29.4411 22.8186 30.0483 22.548 30.549C22.2796 31.0497 21.9131 31.4322 21.4486 31.6964C20.9862 31.9585 20.4664 32.0895 19.8889 32.0895C19.3073 32.0895 18.7852 31.9574 18.3229 31.6932C17.8605 31.429 17.4951 31.0465 17.2267 30.5458C16.9582 30.0451 16.824 29.4389 16.824 28.7273C16.824 28.0135 16.9582 27.4062 17.2267 26.9055C17.4951 26.4048 17.8605 26.0234 18.3229 25.7614C18.7852 25.4972 19.3073 25.3651 19.8889 25.3651C20.4664 25.3651 20.9862 25.4972 21.4486 25.7614C21.9131 26.0234 22.2796 26.4048 22.548 26.9055C22.8186 27.4062 22.9539 28.0135 22.9539 28.7273ZM21.5509 28.7273C21.5509 28.2649 21.4816 27.875 21.3431 27.5575C21.2068 27.2401 21.0139 26.9993 20.7646 26.8352C20.5154 26.6712 20.2235 26.5891 19.8889 26.5891C19.5544 26.5891 19.2625 26.6712 19.0132 26.8352C18.7639 26.9993 18.57 27.2401 18.4316 27.5575C18.2952 27.875 18.227 28.2649 18.227 28.7273C18.227 29.1896 18.2952 29.5795 18.4316 29.897C18.57 30.2145 18.7639 30.4553 19.0132 30.6193C19.2625 30.7834 19.5544 30.8654 19.8889 30.8654C20.2235 30.8654 20.5154 30.7834 20.7646 30.6193C21.0139 30.4553 21.2068 30.2145 21.3431 29.897C21.4816 29.5795 21.5509 29.1896 21.5509 28.7273ZM29.7543 27.7461H28.3544C28.3288 27.565 28.2766 27.4041 28.1978 27.2635C28.119 27.1207 28.0178 26.9993 27.8942 26.8991C27.7706 26.799 27.6278 26.7223 27.4659 26.669C27.3061 26.6158 27.1325 26.5891 26.945 26.5891C26.6062 26.5891 26.3111 26.6733 26.0597 26.8416C25.8082 27.0078 25.6133 27.2507 25.4748 27.5703C25.3363 27.8878 25.267 28.2734 25.267 28.7273C25.267 29.1939 25.3363 29.5859 25.4748 29.9034C25.6154 30.2209 25.8114 30.4606 26.0629 30.6225C26.3143 30.7844 26.6051 30.8654 26.9354 30.8654C27.1207 30.8654 27.2923 30.8409 27.4499 30.7919C27.6097 30.7429 27.7514 30.6715 27.875 30.5778C27.9986 30.4819 28.1009 30.3658 28.1818 30.2294C28.2649 30.093 28.3224 29.9375 28.3544 29.7628L29.7543 29.7692C29.718 30.0696 29.6275 30.3594 29.4826 30.6385C29.3398 30.9155 29.147 31.1637 28.9041 31.3832C28.6634 31.6005 28.3757 31.7731 28.0412 31.9009C27.7088 32.0266 27.3327 32.0895 26.913 32.0895C26.3292 32.0895 25.8072 31.9574 25.3469 31.6932C24.8888 31.429 24.5266 31.0465 24.2603 30.5458C23.9961 30.0451 23.864 29.4389 23.864 28.7273C23.864 28.0135 23.9982 27.4062 24.2667 26.9055C24.5352 26.4048 24.8995 26.0234 25.3597 25.7614C25.82 25.4972 26.3377 25.3651 26.913 25.3651C27.2923 25.3651 27.6438 25.4183 27.9677 25.5249C28.2937 25.6314 28.5824 25.7869 28.8338 25.9915C29.0852 26.1939 29.2898 26.4421 29.4474 26.7362C29.6072 27.0302 29.7095 27.3668 29.7543 27.7461Z",fill:"#4B5565"})),this.fileType==="docx"&&n("svg",{key:"ee5f072a63fef74ccf7a3b8e00cc26558ea8007d",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"587780b799d4ab1c81b6520aa5e894a9da40615a",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"e4fd7a75eafd5cdf7ab7b0646b3075f551261fc0",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"73642fa08599666e65795e9c2cd8ae2f1b7dbb41",d:"M9.56499 32H7.24467V25.4545H9.58416C10.2425 25.4545 10.8093 25.5856 11.2844 25.8477C11.7596 26.1076 12.125 26.4815 12.3807 26.9695C12.6385 27.4574 12.7674 28.0412 12.7674 28.7209C12.7674 29.4027 12.6385 29.9886 12.3807 30.4787C12.125 30.9687 11.7575 31.3448 11.2781 31.6069C10.8008 31.869 10.2298 32 9.56499 32ZM8.62855 30.8143H9.50746C9.91655 30.8143 10.2607 30.7418 10.5398 30.5969C10.821 30.4499 11.032 30.223 11.1726 29.9162C11.3153 29.6072 11.3867 29.2088 11.3867 28.7209C11.3867 28.2372 11.3153 27.842 11.1726 27.5352C11.032 27.2283 10.8221 27.0025 10.543 26.8576C10.2638 26.7127 9.91974 26.6403 9.51065 26.6403H8.62855V30.8143ZM19.8074 28.7273C19.8074 29.4411 19.6721 30.0483 19.4015 30.549C19.1331 31.0497 18.7666 31.4322 18.3021 31.6964C17.8398 31.9585 17.3199 32.0895 16.7425 32.0895C16.1608 32.0895 15.6388 31.9574 15.1764 31.6932C14.714 31.429 14.3486 31.0465 14.0802 30.5458C13.8117 30.0451 13.6775 29.4389 13.6775 28.7273C13.6775 28.0135 13.8117 27.4062 14.0802 26.9055C14.3486 26.4048 14.714 26.0234 15.1764 25.7614C15.6388 25.4972 16.1608 25.3651 16.7425 25.3651C17.3199 25.3651 17.8398 25.4972 18.3021 25.7614C18.7666 26.0234 19.1331 26.4048 19.4015 26.9055C19.6721 27.4062 19.8074 28.0135 19.8074 28.7273ZM18.4044 28.7273C18.4044 28.2649 18.3351 27.875 18.1966 27.5575C18.0603 27.2401 17.8675 26.9993 17.6182 26.8352C17.3689 26.6712 17.077 26.5891 16.7425 26.5891C16.4079 26.5891 16.116 26.6712 15.8667 26.8352C15.6175 26.9993 15.4236 27.2401 15.2851 27.5575C15.1487 27.875 15.0805 28.2649 15.0805 28.7273C15.0805 29.1896 15.1487 29.5795 15.2851 29.897C15.4236 30.2145 15.6175 30.4553 15.8667 30.6193C16.116 30.7834 16.4079 30.8654 16.7425 30.8654C17.077 30.8654 17.3689 30.7834 17.6182 30.6193C17.8675 30.4553 18.0603 30.2145 18.1966 29.897C18.3351 29.5795 18.4044 29.1896 18.4044 28.7273ZM26.6078 27.7461H25.2079C25.1824 27.565 25.1301 27.4041 25.0513 27.2635C24.9725 27.1207 24.8713 26.9993 24.7477 26.8991C24.6241 26.799 24.4814 26.7223 24.3194 26.669C24.1596 26.6158 23.986 26.5891 23.7985 26.5891C23.4597 26.5891 23.1646 26.6733 22.9132 26.8416C22.6618 27.0078 22.4668 27.2507 22.3283 27.5703C22.1898 27.8878 22.1206 28.2734 22.1206 28.7273C22.1206 29.1939 22.1898 29.5859 22.3283 29.9034C22.4689 30.2209 22.665 30.4606 22.9164 30.6225C23.1678 30.7844 23.4586 30.8654 23.7889 30.8654C23.9743 30.8654 24.1458 30.8409 24.3034 30.7919C24.4632 30.7429 24.6049 30.6715 24.7285 30.5778C24.8521 30.4819 24.9544 30.3658 25.0353 30.2294C25.1184 30.093 25.176 29.9375 25.2079 29.7628L26.6078 29.7692C26.5716 30.0696 26.481 30.3594 26.3361 30.6385C26.1934 30.9155 26.0005 31.1637 25.7576 31.3832C25.5169 31.6005 25.2292 31.7731 24.8947 31.9009C24.5623 32.0266 24.1863 32.0895 23.7665 32.0895C23.1827 32.0895 22.6607 31.9574 22.2005 31.6932C21.7424 31.429 21.3801 31.0465 21.1138 30.5458C20.8496 30.0451 20.7175 29.4389 20.7175 28.7273C20.7175 28.0135 20.8517 27.4062 21.1202 26.9055C21.3887 26.4048 21.753 26.0234 22.2132 25.7614C22.6735 25.4972 23.1912 25.3651 23.7665 25.3651C24.1458 25.3651 24.4973 25.4183 24.8212 25.5249C25.1472 25.6314 25.4359 25.7869 25.6873 25.9915C25.9387 26.1939 26.1433 26.4421 26.301 26.7362C26.4608 27.0302 26.563 27.3668 26.6078 27.7461ZM28.7571 25.4545L30.0771 27.6854H30.1282L31.4545 25.4545H33.0174L31.0199 28.7273L33.0621 32H31.4705L30.1282 29.766H30.0771L28.7347 32H27.1495L29.1982 28.7273L27.1879 25.4545H28.7571Z",fill:"#4B5565"})),this.fileType==="xls"&&n("svg",{key:"0db12062a05ba55cf450cb4e5839a53a2655875d",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"fc2ec3fca7b1c76d831d02d41ade24a6b4f4bae0",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"5a0e9895a796ea7bfeb6fbf2031dcb218b16292e",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"ad2fad7c3a623e397a078cf5a12f692a0623e1d3",d:"M13.1477 25.4545L14.4677 27.6854H14.5188L15.8452 25.4545H17.408L15.4105 28.7273L17.4528 32H15.8612L14.5188 29.766H14.4677L13.1254 32H11.5401L13.5888 28.7273L11.5785 25.4545H13.1477ZM18.2837 32V25.4545H19.6676V30.859H22.4737V32H18.2837ZM26.941 27.337C26.9154 27.0792 26.8057 26.8789 26.6118 26.7362C26.4179 26.5934 26.1547 26.522 25.8224 26.522C25.5965 26.522 25.4058 26.554 25.2503 26.6179C25.0947 26.6797 24.9754 26.766 24.8923 26.8768C24.8113 26.9876 24.7709 27.1133 24.7709 27.2539C24.7666 27.3711 24.7911 27.4734 24.8444 27.5607C24.8998 27.6481 24.9754 27.7237 25.0713 27.7876C25.1672 27.8494 25.278 27.9038 25.4037 27.9506C25.5294 27.9954 25.6636 28.0337 25.8064 28.0657L26.3944 28.2063C26.68 28.2702 26.942 28.3555 27.1807 28.462C27.4193 28.5685 27.626 28.6996 27.8007 28.8551C27.9754 29.0107 28.1107 29.1939 28.2066 29.4048C28.3046 29.6158 28.3547 29.8576 28.3568 30.1303C28.3547 30.5309 28.2524 30.8782 28.05 31.1722C27.8497 31.4641 27.5599 31.6911 27.1807 31.853C26.8035 32.0128 26.3486 32.0927 25.816 32.0927C25.2876 32.0927 24.8273 32.0117 24.4353 31.8498C24.0454 31.6879 23.7407 31.4482 23.5212 31.1307C23.3039 30.8111 23.1899 30.4158 23.1792 29.945H24.5184C24.5333 30.1644 24.5961 30.3477 24.7069 30.4947C24.8199 30.6396 24.9701 30.7493 25.1576 30.8239C25.3472 30.8963 25.5613 30.9325 25.8 30.9325C26.0344 30.9325 26.2378 30.8984 26.4104 30.8303C26.5851 30.7621 26.7204 30.6673 26.8163 30.5458C26.9122 30.4244 26.9601 30.2848 26.9601 30.1271C26.9601 29.9801 26.9165 29.8565 26.8291 29.7564C26.7439 29.6562 26.6182 29.571 26.452 29.5007C26.2879 29.4304 26.0866 29.3665 25.8479 29.3089L25.1352 29.13C24.5834 28.9957 24.1476 28.7859 23.828 28.5004C23.5084 28.2148 23.3497 27.8303 23.3518 27.3466C23.3497 26.9503 23.4552 26.604 23.6682 26.3079C23.8834 26.0117 24.1785 25.7805 24.5535 25.6143C24.9285 25.4482 25.3547 25.3651 25.8319 25.3651C26.3177 25.3651 26.7417 25.4482 27.104 25.6143C27.4683 25.7805 27.7517 26.0117 27.9541 26.3079C28.1565 26.604 28.2609 26.9471 28.2673 27.337H26.941Z",fill:"#4B5565"})),this.fileType==="xlsx"&&n("svg",{key:"345a55789e3c6b651b1728f47d8efa54f1f0d6a4",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"f0d46289d24615c1d4ab28b87ff3ec84392de6ec",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"e8b56bd56dc187ea80d7fd487cf9de2a9af43118",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"897c15e0ec552724e9043d28651a831d466bcbb0",d:"M9.93093 25.4545L11.2509 27.6854H11.302L12.6284 25.4545H14.1912L12.1937 28.7273L14.236 32H12.6444L11.302 29.766H11.2509L9.90856 32H8.32333L10.372 28.7273L8.36168 25.4545H9.93093ZM15.0669 32V25.4545H16.4508V30.859H19.2569V32H15.0669ZM23.7242 27.337C23.6986 27.0792 23.5889 26.8789 23.395 26.7362C23.2011 26.5934 22.9379 26.522 22.6056 26.522C22.3797 26.522 22.189 26.554 22.0335 26.6179C21.8779 26.6797 21.7586 26.766 21.6755 26.8768C21.5945 26.9876 21.5541 27.1133 21.5541 27.2539C21.5498 27.3711 21.5743 27.4734 21.6276 27.5607C21.683 27.6481 21.7586 27.7237 21.8545 27.7876C21.9504 27.8494 22.0612 27.9038 22.1869 27.9506C22.3126 27.9954 22.4468 28.0337 22.5896 28.0657L23.1776 28.2063C23.4632 28.2702 23.7252 28.3555 23.9639 28.462C24.2025 28.5685 24.4092 28.6996 24.5839 28.8551C24.7586 29.0107 24.8939 29.1939 24.9898 29.4048C25.0878 29.6158 25.1379 29.8576 25.14 30.1303C25.1379 30.5309 25.0356 30.8782 24.8332 31.1722C24.6329 31.4641 24.3431 31.6911 23.9639 31.853C23.5867 32.0128 23.1318 32.0927 22.5992 32.0927C22.0708 32.0927 21.6105 32.0117 21.2185 31.8498C20.8286 31.6879 20.5239 31.4482 20.3044 31.1307C20.0871 30.8111 19.9731 30.4158 19.9624 29.945H21.3016C21.3165 30.1644 21.3794 30.3477 21.4901 30.4947C21.6031 30.6396 21.7533 30.7493 21.9408 30.8239C22.1304 30.8963 22.3445 30.9325 22.5832 30.9325C22.8176 30.9325 23.021 30.8984 23.1936 30.8303C23.3683 30.7621 23.5036 30.6673 23.5995 30.5458C23.6954 30.4244 23.7433 30.2848 23.7433 30.1271C23.7433 29.9801 23.6997 29.8565 23.6123 29.7564C23.5271 29.6562 23.4014 29.571 23.2352 29.5007C23.0711 29.4304 22.8698 29.3665 22.6311 29.3089L21.9184 29.13C21.3666 28.9957 20.9308 28.7859 20.6112 28.5004C20.2916 28.2148 20.1329 27.8303 20.135 27.3466C20.1329 26.9503 20.2384 26.604 20.4514 26.3079C20.6666 26.0117 20.9617 25.7805 21.3367 25.6143C21.7117 25.4482 22.1379 25.3651 22.6151 25.3651C23.1009 25.3651 23.5249 25.4482 23.8872 25.6143C24.2515 25.7805 24.5349 26.0117 24.7373 26.3079C24.9397 26.604 25.0441 26.9471 25.0505 27.337H23.7242ZM27.3684 25.4545L28.6884 27.6854H28.7395L30.0659 25.4545H31.6287L29.6312 28.7273L31.6735 32H30.0819L28.7395 29.766H28.6884L27.3461 32H25.7608L27.8095 28.7273L25.7992 25.4545H27.3684Z",fill:"#4B5565"})),this.fileType==="svg"&&n("svg",{key:"f478e1320231c3fb9d4d66d46eeb27c359c1aef0",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"9cd78f3fddb53dbdb720363f8bd85b1e195cf09f",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"d7a2e72f469713c47e9151f44f5a8fb75e50226d",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"9e1190e34b89dd290e8f4a36316355be3c112afa",d:"M14.566 27.337C14.5404 27.0792 14.4307 26.8789 14.2368 26.7362C14.0429 26.5934 13.7797 26.522 13.4474 26.522C13.2215 26.522 13.0308 26.554 12.8753 26.6179C12.7197 26.6797 12.6004 26.766 12.5173 26.8768C12.4363 26.9876 12.3959 27.1133 12.3959 27.2539C12.3916 27.3711 12.4161 27.4734 12.4694 27.5607C12.5248 27.6481 12.6004 27.7237 12.6963 27.7876C12.7922 27.8494 12.903 27.9038 13.0287 27.9506C13.1544 27.9954 13.2886 28.0337 13.4314 28.0657L14.0194 28.2063C14.305 28.2702 14.567 28.3555 14.8057 28.462C15.0443 28.5685 15.251 28.6996 15.4257 28.8551C15.6004 29.0107 15.7357 29.1939 15.8316 29.4048C15.9296 29.6158 15.9797 29.8576 15.9818 30.1303C15.9797 30.5309 15.8774 30.8782 15.675 31.1722C15.4747 31.4641 15.1849 31.6911 14.8057 31.853C14.4285 32.0128 13.9736 32.0927 13.441 32.0927C12.9126 32.0927 12.4523 32.0117 12.0603 31.8498C11.6704 31.6879 11.3657 31.4482 11.1462 31.1307C10.9289 30.8111 10.8149 30.4158 10.8042 29.945H12.1434C12.1583 30.1644 12.2211 30.3477 12.3319 30.4947C12.4449 30.6396 12.5951 30.7493 12.7826 30.8239C12.9722 30.8963 13.1863 30.9325 13.425 30.9325C13.6594 30.9325 13.8628 30.8984 14.0354 30.8303C14.2101 30.7621 14.3454 30.6673 14.4413 30.5458C14.5372 30.4244 14.5851 30.2848 14.5851 30.1271C14.5851 29.9801 14.5415 29.8565 14.4541 29.7564C14.3689 29.6562 14.2432 29.571 14.077 29.5007C13.9129 29.4304 13.7116 29.3665 13.4729 29.3089L12.7602 29.13C12.2084 28.9957 11.7726 28.7859 11.453 28.5004C11.1334 28.2148 10.9747 27.8303 10.9768 27.3466C10.9747 26.9503 11.0802 26.604 11.2932 26.3079C11.5084 26.0117 11.8035 25.7805 12.1785 25.6143C12.5535 25.4482 12.9797 25.3651 13.4569 25.3651C13.9427 25.3651 14.3667 25.4482 14.729 25.6143C15.0933 25.7805 15.3767 26.0117 15.5791 26.3079C15.7815 26.604 15.8859 26.9471 15.8923 27.337H14.566ZM18.0952 25.4545L19.6772 30.4276H19.7379L21.3232 25.4545H22.8572L20.6009 32H18.8175L16.5579 25.4545H18.0952ZM27.6161 27.5703C27.5714 27.4148 27.5085 27.2773 27.4276 27.158C27.3466 27.0366 27.2475 26.9343 27.1303 26.8512C27.0153 26.766 26.8832 26.701 26.734 26.6562C26.587 26.6115 26.424 26.5891 26.245 26.5891C25.9105 26.5891 25.6165 26.6722 25.3629 26.8384C25.1115 27.0046 24.9155 27.2464 24.7749 27.5639C24.6342 27.8793 24.5639 28.2649 24.5639 28.7209C24.5639 29.1768 24.6332 29.5646 24.7717 29.8842C24.9102 30.2038 25.1062 30.4478 25.3597 30.6161C25.6133 30.7823 25.9126 30.8654 26.2578 30.8654C26.571 30.8654 26.8384 30.81 27.06 30.6992C27.2837 30.5863 27.4542 30.4276 27.5714 30.223C27.6907 30.0185 27.7504 29.7766 27.7504 29.4975L28.0316 29.5391H26.3441V28.4972H29.0831V29.3217C29.0831 29.897 28.9616 30.3913 28.7188 30.8047C28.4759 31.2159 28.1413 31.5334 27.7152 31.7571C27.2891 31.9787 26.8011 32.0895 26.2514 32.0895C25.6378 32.0895 25.0987 31.9542 24.6342 31.6836C24.1697 31.4109 23.8075 31.0241 23.5476 30.5234C23.2898 30.0206 23.1609 29.424 23.1609 28.7337C23.1609 28.2031 23.2376 27.7301 23.391 27.3146C23.5465 26.897 23.7638 26.5433 24.043 26.2536C24.3221 25.9638 24.647 25.7433 25.0178 25.592C25.3885 25.4407 25.7901 25.3651 26.2227 25.3651C26.5934 25.3651 26.9386 25.4194 27.2582 25.5281C27.5778 25.6346 27.8612 25.7859 28.1083 25.9819C28.3576 26.1779 28.5611 26.4112 28.7188 26.6818C28.8764 26.9503 28.9776 27.2464 29.0224 27.5703H27.6161Z",fill:"#4B5565"})),this.fileType==="txt"&&n("svg",{key:"c249f57d01297a7e0303f228d433947b9d1e1d11",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"fdb0ed9feba292596b4ff55565de71745718a570",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"463fe4ef60c817d6083ee451e30514ba53fab11b",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"8990371267daab220d9de178ef868be9133b6e82",d:"M11.0911 26.5955V25.4545H16.4668V26.5955H14.4629V32H13.095V26.5955H11.0911ZM18.6497 25.4545L19.9696 27.6854H20.0208L21.3471 25.4545H22.91L20.9125 28.7273L22.9547 32H21.3631L20.0208 29.766H19.9696L18.6273 32H17.0421L19.0907 28.7273L17.0804 25.4545H18.6497ZM23.5364 26.5955V25.4545H28.9121V26.5955H26.9082V32H25.5403V26.5955H23.5364Z",fill:"#4B5565"})),this.fileType==="zip"&&n("svg",{key:"9fa7fa323d435e0636e9ebb26af407c16d5b70c6",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"e6771492912cb61b48eacebfff2b0644c0e5c2bb",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"3c884f15601d5e9a3fa14f9d379caff1182b9de7",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"e290ded9219b71b921b2ef22f19252df4ef173e7",d:"M13.3223 32V31.1786L16.5886 26.5955H13.3159V25.4545H18.3273V26.2759L15.0578 30.859H18.3337V32H13.3223ZM20.7794 25.4545V32H19.3956V25.4545H20.7794ZM21.918 32V25.4545H24.5004C24.9968 25.4545 25.4198 25.5494 25.7692 25.739C26.1187 25.9265 26.385 26.1875 26.5682 26.522C26.7536 26.8544 26.8463 27.2379 26.8463 27.6726C26.8463 28.1072 26.7525 28.4908 26.565 28.8232C26.3775 29.1555 26.1059 29.4144 25.75 29.5998C25.3964 29.7852 24.9681 29.8778 24.4652 29.8778H22.8193V28.7688H24.2415C24.5079 28.7688 24.7273 28.723 24.8999 28.6314C25.0746 28.5376 25.2046 28.4087 25.2898 28.2447C25.3772 28.0785 25.4209 27.8878 25.4209 27.6726C25.4209 27.4553 25.3772 27.2656 25.2898 27.1037C25.2046 26.9396 25.0746 26.8129 24.8999 26.7234C24.7252 26.6317 24.5036 26.5859 24.2351 26.5859H23.3019V32H21.918Z",fill:"#4B5565"})),this.fileType==="rar"&&n("svg",{key:"89cd2def2237a8787df743223c5c8a56db1b8cb0",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"dbd4e96a0c29670c7824543f6f9777c0fdc227ad",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"6762817d8be26fda68c6a060b2c65ca446c72497",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"f8d1549a2ea36bcad626af3a0fe85694a011ea0b",d:"M11.2964 32V25.4545H13.8788C14.3731 25.4545 14.795 25.543 15.1444 25.7198C15.496 25.8945 15.7634 26.1428 15.9466 26.4645C16.132 26.7841 16.2247 27.1602 16.2247 27.5927C16.2247 28.0273 16.1309 28.4013 15.9434 28.7145C15.7559 29.0256 15.4843 29.2642 15.1285 29.4304C14.7748 29.5966 14.3465 29.6797 13.8437 29.6797H12.1146V28.5675H13.6199C13.8841 28.5675 14.1036 28.5312 14.2783 28.4588C14.453 28.3864 14.583 28.2777 14.6682 28.1328C14.7556 27.9879 14.7993 27.8079 14.7993 27.5927C14.7993 27.3754 14.7556 27.1921 14.6682 27.043C14.583 26.8938 14.452 26.7809 14.2751 26.7042C14.1004 26.6254 13.8799 26.5859 13.6135 26.5859H12.6803V32H11.2964ZM14.8312 29.0213L16.458 32H14.9303L13.3387 29.0213H14.8312ZM18.3309 32H16.8479L19.1075 25.4545H20.8909L23.1473 32H21.6643L20.0248 26.9503H19.9736L18.3309 32ZM18.2382 29.4272H21.741V30.5075H18.2382V29.4272ZM23.9351 32V25.4545H26.5175C27.0118 25.4545 27.4337 25.543 27.7831 25.7198C28.1347 25.8945 28.4021 26.1428 28.5853 26.4645C28.7707 26.7841 28.8634 27.1602 28.8634 27.5927C28.8634 28.0273 28.7696 28.4013 28.5821 28.7145C28.3946 29.0256 28.123 29.2642 27.7671 29.4304C27.4134 29.5966 26.9852 29.6797 26.4823 29.6797H24.7533V28.5675H26.2586C26.5228 28.5675 26.7423 28.5312 26.917 28.4588C27.0917 28.3864 27.2217 28.2777 27.3069 28.1328C27.3943 27.9879 27.4379 27.8079 27.4379 27.5927C27.4379 27.3754 27.3943 27.1921 27.3069 27.043C27.2217 26.8938 27.0906 26.7809 26.9138 26.7042C26.7391 26.6254 26.5186 26.5859 26.2522 26.5859H25.319V32H23.9351ZM27.4699 29.0213L29.0967 32H27.569L25.9774 29.0213H27.4699Z",fill:"#4B5565"})),this.fileType==="mp3"&&n("svg",{key:"a407940a7ed7eb420947c077c0f9ddb3821c5206",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"31208a6994a4eac69c8e961405987444693a7507",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"435e3a163d076090eb332f8b5b99dc8bdfb32d6b",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"2982f054f288fd0ab9c4e7ba3da40543d59f743f",d:"M10.5713 25.4545H12.278L14.0806 29.8523H14.1573L15.9598 25.4545H17.6665V32H16.3242V27.7397H16.2698L14.576 31.968H13.6619L11.968 27.7237H11.9137V32H10.5713V25.4545ZM18.8067 32V25.4545H21.3891C21.8855 25.4545 22.3085 25.5494 22.6579 25.739C23.0073 25.9265 23.2737 26.1875 23.4569 26.522C23.6423 26.8544 23.735 27.2379 23.735 27.6726C23.735 28.1072 23.6412 28.4908 23.4537 28.8232C23.2662 29.1555 22.9945 29.4144 22.6387 29.5998C22.285 29.7852 21.8568 29.8778 21.3539 29.8778H19.708V28.7688H21.1302C21.3965 28.7688 21.616 28.723 21.7886 28.6314C21.9633 28.5376 22.0933 28.4087 22.1785 28.2447C22.2658 28.0785 22.3095 27.8878 22.3095 27.6726C22.3095 27.4553 22.2658 27.2656 22.1785 27.1037C22.0933 26.9396 21.9633 26.8129 21.7886 26.7234C21.6139 26.6317 21.3923 26.5859 21.1238 26.5859H20.1906V32H18.8067ZM27.0149 32.0895C26.5376 32.0895 26.1125 32.0075 25.7397 31.8434C25.3689 31.6772 25.0759 31.4492 24.8608 31.1594C24.6477 30.8675 24.538 30.5309 24.5316 30.1495H25.925C25.9335 30.3093 25.9858 30.4499 26.0816 30.5714C26.1796 30.6907 26.3096 30.7834 26.4715 30.8494C26.6335 30.9155 26.8157 30.9485 27.0181 30.9485C27.229 30.9485 27.4154 30.9112 27.5774 30.8366C27.7393 30.7621 27.8661 30.6587 27.9577 30.5266C28.0493 30.3945 28.0951 30.2422 28.0951 30.0696C28.0951 29.8949 28.0461 29.7404 27.9481 29.6062C27.8522 29.4698 27.7137 29.3633 27.5326 29.2866C27.3536 29.2099 27.1406 29.1715 26.8934 29.1715H26.283V28.1552H26.8934C27.1022 28.1552 27.2865 28.119 27.4463 28.0465C27.6083 27.9741 27.734 27.8739 27.8235 27.7461C27.913 27.6161 27.9577 27.4648 27.9577 27.2923C27.9577 27.1282 27.9183 26.9844 27.8394 26.8608C27.7627 26.7351 27.6541 26.6371 27.5135 26.5668C27.375 26.4964 27.213 26.4613 27.0277 26.4613C26.8402 26.4613 26.6686 26.4954 26.5131 26.5636C26.3576 26.6296 26.2329 26.7244 26.1392 26.848C26.0454 26.9716 25.9953 27.1165 25.9889 27.2827H24.6626C24.669 26.9055 24.7766 26.5732 24.9854 26.2855C25.1942 25.9979 25.4755 25.7731 25.8291 25.6112C26.185 25.4471 26.5866 25.3651 27.034 25.3651C27.4858 25.3651 27.881 25.4471 28.2198 25.6112C28.5585 25.7752 28.8217 25.9968 29.0092 26.2759C29.1988 26.5529 29.2926 26.864 29.2904 27.2092C29.2926 27.5756 29.1786 27.8814 28.9485 28.1264C28.7205 28.3714 28.4233 28.527 28.0568 28.593V28.6442C28.5383 28.706 28.9048 28.8732 29.1562 29.146C29.4098 29.4165 29.5355 29.7553 29.5333 30.1623C29.5355 30.5352 29.4279 30.8665 29.2105 31.1562C28.9953 31.446 28.6981 31.674 28.3188 31.8402C27.9396 32.0064 27.5049 32.0895 27.0149 32.0895Z",fill:"#4B5565"})),this.fileType==="mp4"&&n("svg",{key:"86b835ccba0597de60c7ad196ea611ae24f3a9c5",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"6ec33d25c8cc7490f1f42c7e984283f0d04f90b8",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#F6F8FA"}),n("path",{key:"6c2c2d1ad0767b5194ecac2fbc25096cda52ed6c",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"#EEF2F6"}),n("path",{key:"65e6604368301b10f016c3696919801c49f55a2d",d:"M10.4878 25.4545H12.1945L13.9971 29.8523H14.0738L15.8763 25.4545H17.583V32H16.2407V27.7397H16.1863L14.4925 31.968H13.5784L11.8845 27.7237H11.8302V32H10.4878V25.4545ZM18.7232 32V25.4545H21.3056C21.802 25.4545 22.225 25.5494 22.5744 25.739C22.9238 25.9265 23.1902 26.1875 23.3734 26.522C23.5588 26.8544 23.6515 27.2379 23.6515 27.6726C23.6515 28.1072 23.5577 28.4908 23.3702 28.8232C23.1827 29.1555 22.911 29.4144 22.5552 29.5998C22.2015 29.7852 21.7733 29.8778 21.2704 29.8778H19.6245V28.7688H21.0467C21.313 28.7688 21.5325 28.723 21.7051 28.6314C21.8798 28.5376 22.0098 28.4087 22.095 28.2447C22.1824 28.0785 22.226 27.8878 22.226 27.6726C22.226 27.4553 22.1824 27.2656 22.095 27.1037C22.0098 26.9396 21.8798 26.8129 21.7051 26.7234C21.5304 26.6317 21.3088 26.5859 21.0403 26.5859H20.1071V32H18.7232ZM24.4129 30.8494V29.7596L27.1455 25.4545H28.0851V26.9631H27.529L25.8064 29.6893V29.7404H29.6895V30.8494H24.4129ZM27.5546 32V30.517L27.5802 30.0344V25.4545H28.8778V32H27.5546Z",fill:"#4B5565"}))),this.fileStyle==="solid"&&n(o,null,this.fileType==="pdf"&&n("svg",{key:"680488505c007372fefa12879ba404e01c2ce4a9",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"fb231b65d1dc16d99175c06a3c9fca9224e5ee4d",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#B51726"}),n("path",{key:"4044211fa4e2745dbee2ac87ebc587f53db594e6",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"7d0b16a80c9a4a6aa2cf2e24876ea72aabb706fb",d:"M11.7491 32V25.4545H14.3315C14.8279 25.4545 15.2508 25.5494 15.6003 25.739C15.9497 25.9265 16.216 26.1875 16.3993 26.522C16.5847 26.8544 16.6773 27.2379 16.6773 27.6726C16.6773 28.1072 16.5836 28.4908 16.3961 28.8232C16.2086 29.1555 15.9369 29.4144 15.5811 29.5998C15.2274 29.7852 14.7991 29.8778 14.2963 29.8778H12.6503V28.7688H14.0726C14.3389 28.7688 14.5584 28.723 14.731 28.6314C14.9057 28.5376 15.0356 28.4087 15.1209 28.2447C15.2082 28.0785 15.2519 27.8878 15.2519 27.6726C15.2519 27.4553 15.2082 27.2656 15.1209 27.1037C15.0356 26.9396 14.9057 26.8129 14.731 26.7234C14.5562 26.6317 14.3347 26.5859 14.0662 26.5859H13.1329V32H11.7491ZM19.8965 32H17.5762V25.4545H19.9157C20.5741 25.4545 21.1408 25.5856 21.616 25.8477C22.0911 26.1076 22.4565 26.4815 22.7122 26.9695C22.97 27.4574 23.0989 28.0412 23.0989 28.7209C23.0989 29.4027 22.97 29.9886 22.7122 30.4787C22.4565 30.9687 22.089 31.3448 21.6096 31.6069C21.1323 31.869 20.5613 32 19.8965 32ZM18.9601 30.8143H19.839C20.2481 30.8143 20.5922 30.7418 20.8713 30.5969C21.1526 30.4499 21.3635 30.223 21.5041 29.9162C21.6469 29.6072 21.7183 29.2088 21.7183 28.7209C21.7183 28.2372 21.6469 27.842 21.5041 27.5352C21.3635 27.2283 21.1536 27.0025 20.8745 26.8576C20.5954 26.7127 20.2513 26.6403 19.8422 26.6403H18.9601V30.8143ZM24.1241 32V25.4545H28.4579V26.5955H25.5079V28.1552H28.1702V29.2962H25.5079V32H24.1241Z",fill:"white"})),this.fileType==="csv"&&n("svg",{key:"b1dc1e6ff0de6234627399e00b206bc9c1c136ed",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"18354700a9352d2514f0b571d4cc4c580639467e",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#079455"}),n("path",{key:"ac2d226c2fcfffe1102700f32f45214f7bf75aaa",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"358b85f998b5a340a4e2bc2ac49a8222bcdd076b",d:"M16.6454 27.7461H15.2455C15.2199 27.565 15.1677 27.4041 15.0889 27.2635C15.0101 27.1207 14.9089 26.9993 14.7853 26.8991C14.6617 26.799 14.519 26.7223 14.357 26.669C14.1972 26.6158 14.0236 26.5891 13.8361 26.5891C13.4973 26.5891 13.2022 26.6733 12.9508 26.8416C12.6994 27.0078 12.5044 27.2507 12.3659 27.5703C12.2274 27.8878 12.1582 28.2734 12.1582 28.7273C12.1582 29.1939 12.2274 29.5859 12.3659 29.9034C12.5065 30.2209 12.7025 30.4606 12.954 30.6225C13.2054 30.7844 13.4962 30.8654 13.8265 30.8654C14.0119 30.8654 14.1834 30.8409 14.341 30.7919C14.5008 30.7429 14.6425 30.6715 14.7661 30.5778C14.8897 30.4819 14.992 30.3658 15.0729 30.2294C15.156 30.093 15.2136 29.9375 15.2455 29.7628L16.6454 29.7692C16.6092 30.0696 16.5186 30.3594 16.3737 30.6385C16.231 30.9155 16.0381 31.1637 15.7952 31.3832C15.5545 31.6005 15.2668 31.7731 14.9323 31.9009C14.5999 32.0266 14.2239 32.0895 13.8041 32.0895C13.2203 32.0895 12.6983 31.9574 12.2381 31.6932C11.78 31.429 11.4177 31.0465 11.1514 30.5458C10.8872 30.0451 10.7551 29.4389 10.7551 28.7273C10.7551 28.0135 10.8893 27.4062 11.1578 26.9055C11.4263 26.4048 11.7906 26.0234 12.2508 25.7614C12.7111 25.4972 13.2288 25.3651 13.8041 25.3651C14.1834 25.3651 14.5349 25.4183 14.8588 25.5249C15.1848 25.6314 15.4735 25.7869 15.7249 25.9915C15.9763 26.1939 16.1809 26.4421 16.3386 26.7362C16.4984 27.0302 16.6006 27.3668 16.6454 27.7461ZM21.1885 27.337C21.163 27.0792 21.0532 26.8789 20.8593 26.7362C20.6654 26.5934 20.4023 26.522 20.0699 26.522C19.8441 26.522 19.6534 26.554 19.4978 26.6179C19.3423 26.6797 19.223 26.766 19.1399 26.8768C19.0589 26.9876 19.0184 27.1133 19.0184 27.2539C19.0142 27.3711 19.0387 27.4734 19.0919 27.5607C19.1473 27.6481 19.223 27.7237 19.3188 27.7876C19.4147 27.8494 19.5255 27.9038 19.6512 27.9506C19.7769 27.9954 19.9112 28.0337 20.0539 28.0657L20.642 28.2063C20.9275 28.2702 21.1896 28.3555 21.4282 28.462C21.6669 28.5685 21.8735 28.6996 22.0483 28.8551C22.223 29.0107 22.3583 29.1939 22.4541 29.4048C22.5522 29.6158 22.6022 29.8576 22.6044 30.1303C22.6022 30.5309 22.5 30.8782 22.2975 31.1722C22.0973 31.4641 21.8075 31.6911 21.4282 31.853C21.0511 32.0128 20.5962 32.0927 20.0635 32.0927C19.5351 32.0927 19.0749 32.0117 18.6828 31.8498C18.2929 31.6879 17.9882 31.4482 17.7688 31.1307C17.5514 30.8111 17.4375 30.4158 17.4268 29.945H18.7659C18.7809 30.1644 18.8437 30.3477 18.9545 30.4947C19.0674 30.6396 19.2176 30.7493 19.4051 30.8239C19.5948 30.8963 19.8089 30.9325 20.0475 30.9325C20.2819 30.9325 20.4854 30.8984 20.658 30.8303C20.8327 30.7621 20.968 30.6673 21.0639 30.5458C21.1598 30.4244 21.2077 30.2848 21.2077 30.1271C21.2077 29.9801 21.164 29.8565 21.0767 29.7564C20.9914 29.6562 20.8657 29.571 20.6995 29.5007C20.5355 29.4304 20.3341 29.3665 20.0955 29.3089L19.3828 29.13C18.8309 28.9957 18.3952 28.7859 18.0756 28.5004C17.756 28.2148 17.5973 27.8303 17.5994 27.3466C17.5973 26.9503 17.7027 26.604 17.9158 26.3079C18.131 26.0117 18.4261 25.7805 18.8011 25.6143C19.1761 25.4482 19.6022 25.3651 20.0795 25.3651C20.5653 25.3651 20.9893 25.4482 21.3515 25.6143C21.7159 25.7805 21.9992 26.0117 22.2017 26.3079C22.4041 26.604 22.5085 26.9471 22.5149 27.337H21.1885ZM24.7177 25.4545L26.2998 30.4276H26.3605L27.9457 25.4545H29.4798L27.2234 32H25.44L23.1804 25.4545H24.7177Z",fill:"white"})),this.fileType==="jpg"&&n("svg",{key:"061546937fd4c97f07674f0045af461b28d08738",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"11cff9c67f8e115cd8564bd407074b713c816d09",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#6938EF"}),n("path",{key:"616cc37295a877489a23f95402a6698c6983cccc",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"7b0593832a2034bb6355a382097fb4101531f5c5",d:"M14.2863 25.4545H15.6542V30.0185C15.6542 30.4403 15.5594 30.8068 15.3698 31.1179C15.1823 31.429 14.9213 31.6687 14.5867 31.837C14.2522 32.0053 13.8634 32.0895 13.4202 32.0895C13.026 32.0895 12.6681 32.0202 12.3463 31.8817C12.0267 31.7411 11.7732 31.5281 11.5857 31.2425C11.3982 30.9549 11.3055 30.5937 11.3076 30.1591H12.6851C12.6894 30.3317 12.7245 30.4798 12.7906 30.6033C12.8588 30.7248 12.9514 30.8185 13.0686 30.8846C13.1879 30.9485 13.3286 30.9805 13.4905 30.9805C13.661 30.9805 13.8048 30.9442 13.922 30.8718C14.0413 30.7972 14.1318 30.6886 14.1936 30.5458C14.2554 30.4031 14.2863 30.2273 14.2863 30.0185V25.4545ZM16.7984 32V25.4545H19.3808C19.8772 25.4545 20.3002 25.5494 20.6496 25.739C20.999 25.9265 21.2654 26.1875 21.4486 26.522C21.634 26.8544 21.7267 27.2379 21.7267 27.6726C21.7267 28.1072 21.6329 28.4908 21.4454 28.8232C21.2579 29.1555 20.9862 29.4144 20.6304 29.5998C20.2767 29.7852 19.8485 29.8778 19.3456 29.8778H17.6997V28.7688H19.1219C19.3882 28.7688 19.6077 28.723 19.7803 28.6314C19.955 28.5376 20.085 28.4087 20.1702 28.2447C20.2575 28.0785 20.3012 27.8878 20.3012 27.6726C20.3012 27.4553 20.2575 27.2656 20.1702 27.1037C20.085 26.9396 19.955 26.8129 19.7803 26.7234C19.6056 26.6317 19.384 26.5859 19.1155 26.5859H18.1823V32H16.7984ZM26.9657 27.5703C26.921 27.4148 26.8581 27.2773 26.7772 27.158C26.6962 27.0366 26.5971 26.9343 26.4799 26.8512C26.3649 26.766 26.2328 26.701 26.0836 26.6562C25.9366 26.6115 25.7736 26.5891 25.5946 26.5891C25.2601 26.5891 24.9661 26.6722 24.7125 26.8384C24.4611 27.0046 24.2651 27.2464 24.1245 27.5639C23.9838 27.8793 23.9135 28.2649 23.9135 28.7209C23.9135 29.1768 23.9828 29.5646 24.1213 29.8842C24.2598 30.2038 24.4558 30.4478 24.7093 30.6161C24.9629 30.7823 25.2623 30.8654 25.6074 30.8654C25.9206 30.8654 26.188 30.81 26.4096 30.6992C26.6333 30.5863 26.8038 30.4276 26.921 30.223C27.0403 30.0185 27.1 29.7766 27.1 29.4975L27.3812 29.5391H25.6937V28.4972H28.4327V29.3217C28.4327 29.897 28.3113 30.3913 28.0684 30.8047C27.8255 31.2159 27.4909 31.5334 27.0648 31.7571C26.6387 31.9787 26.1507 32.0895 25.601 32.0895C24.9874 32.0895 24.4483 31.9542 23.9838 31.6836C23.5194 31.4109 23.1571 31.0241 22.8972 30.5234C22.6394 30.0206 22.5105 29.424 22.5105 28.7337C22.5105 28.2031 22.5872 27.7301 22.7406 27.3146C22.8961 26.897 23.1135 26.5433 23.3926 26.2536C23.6717 25.9638 23.9966 25.7433 24.3674 25.592C24.7381 25.4407 25.1397 25.3651 25.5723 25.3651C25.943 25.3651 26.2882 25.4194 26.6078 25.5281C26.9274 25.6346 27.2108 25.7859 27.4579 25.9819C27.7072 26.1779 27.9107 26.4112 28.0684 26.6818C28.226 26.9503 28.3272 27.2464 28.372 27.5703H26.9657Z",fill:"white"})),this.fileType==="jpeg"&&n("svg",{key:"3d2bc1816d5aefc63c649642b017aea3e194ea0a",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"df6fa11b59462a5b7932eb7a8ff4d82474b6cc61",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#6938EF"}),n("path",{key:"97276a4cd43ec45f9dd5ee6a5d35fd705cdc0f5d",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"29e9b3ed90ba445cb6f5fc8ef231e2e38ca1f519",d:"M11.5309 25.4545H12.8988V30.0185C12.8988 30.4403 12.804 30.8068 12.6144 31.1179C12.4269 31.429 12.1659 31.6687 11.8314 31.837C11.4968 32.0053 11.108 32.0895 10.6648 32.0895C10.2706 32.0895 9.91269 32.0202 9.59095 31.8817C9.27135 31.7411 9.0178 31.5281 8.8303 31.2425C8.6428 30.9549 8.55012 30.5937 8.55225 30.1591H9.92973C9.93399 30.3317 9.96915 30.4798 10.0352 30.6033C10.1034 30.7248 10.1961 30.8185 10.3133 30.8846C10.4326 30.9485 10.5732 30.9805 10.7351 30.9805C10.9056 30.9805 11.0494 30.9442 11.1666 30.8718C11.2859 30.7972 11.3765 30.6886 11.4383 30.5458C11.5 30.4031 11.5309 30.2273 11.5309 30.0185V25.4545ZM14.043 32V25.4545H16.6254C17.1218 25.4545 17.5448 25.5494 17.8942 25.739C18.2437 25.9265 18.51 26.1875 18.6932 26.522C18.8786 26.8544 18.9713 27.2379 18.9713 27.6726C18.9713 28.1072 18.8775 28.4908 18.69 28.8232C18.5025 29.1555 18.2309 29.4144 17.875 29.5998C17.5214 29.7852 17.0931 29.8778 16.5902 29.8778H14.9443V28.7688H16.3665C16.6329 28.7688 16.8523 28.723 17.0249 28.6314C17.1996 28.5376 17.3296 28.4087 17.4148 28.2447C17.5022 28.0785 17.5459 27.8878 17.5459 27.6726C17.5459 27.4553 17.5022 27.2656 17.4148 27.1037C17.3296 26.9396 17.1996 26.8129 17.0249 26.7234C16.8502 26.6317 16.6286 26.5859 16.3601 26.5859H15.4269V32H14.043ZM19.8702 32V25.4545H24.2807V26.5955H21.254V28.1552H24.0538V29.2962H21.254V30.859H24.2935V32H19.8702ZM29.7211 27.5703C29.6764 27.4148 29.6135 27.2773 29.5325 27.158C29.4516 27.0366 29.3525 26.9343 29.2353 26.8512C29.1203 26.766 28.9881 26.701 28.839 26.6562C28.692 26.6115 28.529 26.5891 28.35 26.5891C28.0155 26.5891 27.7215 26.6722 27.4679 26.8384C27.2165 27.0046 27.0205 27.2464 26.8798 27.5639C26.7392 27.8793 26.6689 28.2649 26.6689 28.7209C26.6689 29.1768 26.7381 29.5646 26.8766 29.8842C27.0151 30.2038 27.2112 30.4478 27.4647 30.6161C27.7183 30.7823 28.0176 30.8654 28.3628 30.8654C28.676 30.8654 28.9434 30.81 29.165 30.6992C29.3887 30.5863 29.5592 30.4276 29.6764 30.223C29.7957 30.0185 29.8553 29.7766 29.8553 29.4975L30.1366 29.5391H28.4491V28.4972H31.1881V29.3217C31.1881 29.897 31.0666 30.3913 30.8237 30.8047C30.5808 31.2159 30.2463 31.5334 29.8202 31.7571C29.394 31.9787 28.9061 32.0895 28.3564 32.0895C27.7428 32.0895 27.2037 31.9542 26.7392 31.6836C26.2747 31.4109 25.9125 31.0241 25.6526 30.5234C25.3948 30.0206 25.2658 29.424 25.2658 28.7337C25.2658 28.2031 25.3426 27.7301 25.496 27.3146C25.6515 26.897 25.8688 26.5433 26.1479 26.2536C26.4271 25.9638 26.752 25.7433 27.1227 25.592C27.4935 25.4407 27.8951 25.3651 28.3276 25.3651C28.6984 25.3651 29.0435 25.4194 29.3631 25.5281C29.6828 25.6346 29.9661 25.7859 30.2133 25.9819C30.4626 26.1779 30.6661 26.4112 30.8237 26.6818C30.9814 26.9503 31.0826 27.2464 31.1274 27.5703H29.7211Z",fill:"white"})),this.fileType==="ppt"&&n("svg",{key:"efdd6e30a41c3ef8c0027d97bac011f55c8f1461",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"a4db6da389e548fee0642ea6f9c35b4b73434506",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#93370D"}),n("path",{key:"a8f4a06438ed8175f9a1f2d82215b96a967d2d42",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"cc7df06ddecfc7555172e9cafa8744f38f9e88b2",d:"M11.7359 32V25.4545H14.3183C14.8147 25.4545 15.2377 25.5494 15.5871 25.739C15.9365 25.9265 16.2029 26.1875 16.3861 26.522C16.5715 26.8544 16.6642 27.2379 16.6642 27.6726C16.6642 28.1072 16.5704 28.4908 16.3829 28.8232C16.1954 29.1555 15.9237 29.4144 15.5679 29.5998C15.2142 29.7852 14.786 29.8778 14.2831 29.8778H12.6372V28.7688H14.0594C14.3257 28.7688 14.5452 28.723 14.7178 28.6314C14.8925 28.5376 15.0225 28.4087 15.1077 28.2447C15.195 28.0785 15.2387 27.8878 15.2387 27.6726C15.2387 27.4553 15.195 27.2656 15.1077 27.1037C15.0225 26.9396 14.8925 26.8129 14.7178 26.7234C14.5431 26.6317 14.3215 26.5859 14.053 26.5859H13.1198V32H11.7359ZM17.563 32V25.4545H20.1454C20.6419 25.4545 21.0648 25.5494 21.4142 25.739C21.7637 25.9265 22.03 26.1875 22.2132 26.522C22.3986 26.8544 22.4913 27.2379 22.4913 27.6726C22.4913 28.1072 22.3976 28.4908 22.2101 28.8232C22.0226 29.1555 21.7509 29.4144 21.3951 29.5998C21.0414 29.7852 20.6131 29.8778 20.1103 29.8778H18.4643V28.7688H19.8865C20.1529 28.7688 20.3723 28.723 20.5449 28.6314C20.7196 28.5376 20.8496 28.4087 20.9348 28.2447C21.0222 28.0785 21.0659 27.8878 21.0659 27.6726C21.0659 27.4553 21.0222 27.2656 20.9348 27.1037C20.8496 26.9396 20.7196 26.8129 20.5449 26.7234C20.3702 26.6317 20.1486 26.5859 19.8801 26.5859H18.9469V32H17.563ZM23.1409 26.5955V25.4545H28.5166V26.5955H26.5127V32H25.1448V26.5955H23.1409Z",fill:"white"})),this.fileType==="pptx"&&n("svg",{key:"9b98de18d4200b95f068f359a60057ecc51a0717",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"ef5c3f7e19b8969163c408645f78863acacc61fe",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#93370D"}),n("path",{key:"2731c56431bd917c602d78f719fc075eed98f0fb",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"92b48443ff70dbf65b93db89e717b52b5ebe80d3",d:"M8.51909 32V25.4545H11.1015C11.5979 25.4545 12.0209 25.5494 12.3703 25.739C12.7197 25.9265 12.9861 26.1875 13.1693 26.522C13.3547 26.8544 13.4474 27.2379 13.4474 27.6726C13.4474 28.1072 13.3536 28.4908 13.1661 28.8232C12.9786 29.1555 12.7069 29.4144 12.3511 29.5998C11.9974 29.7852 11.5692 29.8778 11.0663 29.8778H9.42037V28.7688H10.8426C11.1089 28.7688 11.3284 28.723 11.501 28.6314C11.6757 28.5376 11.8057 28.4087 11.8909 28.2447C11.9782 28.0785 12.0219 27.8878 12.0219 27.6726C12.0219 27.4553 11.9782 27.2656 11.8909 27.1037C11.8057 26.9396 11.6757 26.8129 11.501 26.7234C11.3263 26.6317 11.1047 26.5859 10.8362 26.5859H9.90297V32H8.51909ZM14.3462 32V25.4545H16.9286C17.4251 25.4545 17.848 25.5494 18.1974 25.739C18.5469 25.9265 18.8132 26.1875 18.9964 26.522C19.1818 26.8544 19.2745 27.2379 19.2745 27.6726C19.2745 28.1072 19.1808 28.4908 18.9933 28.8232C18.8058 29.1555 18.5341 29.4144 18.1783 29.5998C17.8246 29.7852 17.3963 29.8778 16.8935 29.8778H15.2475V28.7688H16.6697C16.9361 28.7688 17.1555 28.723 17.3281 28.6314C17.5028 28.5376 17.6328 28.4087 17.718 28.2447C17.8054 28.0785 17.8491 27.8878 17.8491 27.6726C17.8491 27.4553 17.8054 27.2656 17.718 27.1037C17.6328 26.9396 17.5028 26.8129 17.3281 26.7234C17.1534 26.6317 16.9318 26.5859 16.6634 26.5859H15.7301V32H14.3462ZM19.9241 26.5955V25.4545H25.2998V26.5955H23.2959V32H21.928V26.5955H19.9241ZM27.4827 25.4545L28.8026 27.6854H28.8538L30.1801 25.4545H31.743L29.7455 28.7273L31.7877 32H30.1961L28.8538 29.766H28.8026L27.4603 32H25.8751L27.9237 28.7273L25.9134 25.4545H27.4827Z",fill:"white"})),this.fileType==="doc"&&n("svg",{key:"6c2f2f227478681b517eb3be65a4d5f527f0ceed",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"1aae1495b2a66028a3de32847b5b7ec23221dacd",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#064E94"}),n("path",{key:"ace656c9d67432f3fabf31d356aa45d19087490c",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"51deb74b468f94d9a6d1bcd62b1f5e8828501106",d:"M12.7115 32H10.3912V25.4545H12.7306C13.389 25.4545 13.9558 25.5856 14.4309 25.8477C14.9061 26.1076 15.2715 26.4815 15.5272 26.9695C15.785 27.4574 15.9139 28.0412 15.9139 28.7209C15.9139 29.4027 15.785 29.9886 15.5272 30.4787C15.2715 30.9687 14.9039 31.3448 14.4245 31.6069C13.9473 31.869 13.3762 32 12.7115 32ZM11.775 30.8143H12.6539C13.063 30.8143 13.4071 30.7418 13.6863 30.5969C13.9675 30.4499 14.1784 30.223 14.3191 29.9162C14.4618 29.6072 14.5332 29.2088 14.5332 28.7209C14.5332 28.2372 14.4618 27.842 14.3191 27.5352C14.1784 27.2283 13.9686 27.0025 13.6895 26.8576C13.4103 26.7127 13.0662 26.6403 12.6571 26.6403H11.775V30.8143ZM22.9539 28.7273C22.9539 29.4411 22.8186 30.0483 22.548 30.549C22.2796 31.0497 21.9131 31.4322 21.4486 31.6964C20.9862 31.9585 20.4664 32.0895 19.8889 32.0895C19.3073 32.0895 18.7852 31.9574 18.3229 31.6932C17.8605 31.429 17.4951 31.0465 17.2267 30.5458C16.9582 30.0451 16.824 29.4389 16.824 28.7273C16.824 28.0135 16.9582 27.4062 17.2267 26.9055C17.4951 26.4048 17.8605 26.0234 18.3229 25.7614C18.7852 25.4972 19.3073 25.3651 19.8889 25.3651C20.4664 25.3651 20.9862 25.4972 21.4486 25.7614C21.9131 26.0234 22.2796 26.4048 22.548 26.9055C22.8186 27.4062 22.9539 28.0135 22.9539 28.7273ZM21.5509 28.7273C21.5509 28.2649 21.4816 27.875 21.3431 27.5575C21.2068 27.2401 21.0139 26.9993 20.7646 26.8352C20.5154 26.6712 20.2235 26.5891 19.8889 26.5891C19.5544 26.5891 19.2625 26.6712 19.0132 26.8352C18.7639 26.9993 18.57 27.2401 18.4316 27.5575C18.2952 27.875 18.227 28.2649 18.227 28.7273C18.227 29.1896 18.2952 29.5795 18.4316 29.897C18.57 30.2145 18.7639 30.4553 19.0132 30.6193C19.2625 30.7834 19.5544 30.8654 19.8889 30.8654C20.2235 30.8654 20.5154 30.7834 20.7646 30.6193C21.0139 30.4553 21.2068 30.2145 21.3431 29.897C21.4816 29.5795 21.5509 29.1896 21.5509 28.7273ZM29.7543 27.7461H28.3544C28.3288 27.565 28.2766 27.4041 28.1978 27.2635C28.119 27.1207 28.0178 26.9993 27.8942 26.8991C27.7706 26.799 27.6278 26.7223 27.4659 26.669C27.3061 26.6158 27.1325 26.5891 26.945 26.5891C26.6062 26.5891 26.3111 26.6733 26.0597 26.8416C25.8082 27.0078 25.6133 27.2507 25.4748 27.5703C25.3363 27.8878 25.267 28.2734 25.267 28.7273C25.267 29.1939 25.3363 29.5859 25.4748 29.9034C25.6154 30.2209 25.8114 30.4606 26.0629 30.6225C26.3143 30.7844 26.6051 30.8654 26.9354 30.8654C27.1207 30.8654 27.2923 30.8409 27.4499 30.7919C27.6097 30.7429 27.7514 30.6715 27.875 30.5778C27.9986 30.4819 28.1009 30.3658 28.1818 30.2294C28.2649 30.093 28.3224 29.9375 28.3544 29.7628L29.7543 29.7692C29.718 30.0696 29.6275 30.3594 29.4826 30.6385C29.3398 30.9155 29.147 31.1637 28.9041 31.3832C28.6634 31.6005 28.3757 31.7731 28.0412 31.9009C27.7088 32.0266 27.3327 32.0895 26.913 32.0895C26.3292 32.0895 25.8072 31.9574 25.3469 31.6932C24.8888 31.429 24.5266 31.0465 24.2603 30.5458C23.9961 30.0451 23.864 29.4389 23.864 28.7273C23.864 28.0135 23.9982 27.4062 24.2667 26.9055C24.5352 26.4048 24.8995 26.0234 25.3597 25.7614C25.82 25.4972 26.3377 25.3651 26.913 25.3651C27.2923 25.3651 27.6438 25.4183 27.9677 25.5249C28.2937 25.6314 28.5824 25.7869 28.8338 25.9915C29.0852 26.1939 29.2898 26.4421 29.4474 26.7362C29.6072 27.0302 29.7095 27.3668 29.7543 27.7461Z",fill:"white"})),this.fileType==="docx"&&n("svg",{key:"83b7ddc703c732f5b314519dc71ad98e16c822d4",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"05a385d774b672a18c569e7d63b4410762acd836",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#064E94"}),n("path",{key:"27321fdc84fd22781238111521729961da80505f",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"558e2bd4398d4faecdff3ba2999d781dba41564d",d:"M9.56499 32H7.24467V25.4545H9.58416C10.2425 25.4545 10.8093 25.5856 11.2844 25.8477C11.7596 26.1076 12.125 26.4815 12.3807 26.9695C12.6385 27.4574 12.7674 28.0412 12.7674 28.7209C12.7674 29.4027 12.6385 29.9886 12.3807 30.4787C12.125 30.9687 11.7575 31.3448 11.2781 31.6069C10.8008 31.869 10.2298 32 9.56499 32ZM8.62855 30.8143H9.50746C9.91655 30.8143 10.2607 30.7418 10.5398 30.5969C10.821 30.4499 11.032 30.223 11.1726 29.9162C11.3153 29.6072 11.3867 29.2088 11.3867 28.7209C11.3867 28.2372 11.3153 27.842 11.1726 27.5352C11.032 27.2283 10.8221 27.0025 10.543 26.8576C10.2638 26.7127 9.91974 26.6403 9.51065 26.6403H8.62855V30.8143ZM19.8074 28.7273C19.8074 29.4411 19.6721 30.0483 19.4015 30.549C19.1331 31.0497 18.7666 31.4322 18.3021 31.6964C17.8398 31.9585 17.3199 32.0895 16.7425 32.0895C16.1608 32.0895 15.6388 31.9574 15.1764 31.6932C14.714 31.429 14.3486 31.0465 14.0802 30.5458C13.8117 30.0451 13.6775 29.4389 13.6775 28.7273C13.6775 28.0135 13.8117 27.4062 14.0802 26.9055C14.3486 26.4048 14.714 26.0234 15.1764 25.7614C15.6388 25.4972 16.1608 25.3651 16.7425 25.3651C17.3199 25.3651 17.8398 25.4972 18.3021 25.7614C18.7666 26.0234 19.1331 26.4048 19.4015 26.9055C19.6721 27.4062 19.8074 28.0135 19.8074 28.7273ZM18.4044 28.7273C18.4044 28.2649 18.3351 27.875 18.1966 27.5575C18.0603 27.2401 17.8675 26.9993 17.6182 26.8352C17.3689 26.6712 17.077 26.5891 16.7425 26.5891C16.4079 26.5891 16.116 26.6712 15.8667 26.8352C15.6175 26.9993 15.4236 27.2401 15.2851 27.5575C15.1487 27.875 15.0805 28.2649 15.0805 28.7273C15.0805 29.1896 15.1487 29.5795 15.2851 29.897C15.4236 30.2145 15.6175 30.4553 15.8667 30.6193C16.116 30.7834 16.4079 30.8654 16.7425 30.8654C17.077 30.8654 17.3689 30.7834 17.6182 30.6193C17.8675 30.4553 18.0603 30.2145 18.1966 29.897C18.3351 29.5795 18.4044 29.1896 18.4044 28.7273ZM26.6078 27.7461H25.2079C25.1824 27.565 25.1301 27.4041 25.0513 27.2635C24.9725 27.1207 24.8713 26.9993 24.7477 26.8991C24.6241 26.799 24.4814 26.7223 24.3194 26.669C24.1596 26.6158 23.986 26.5891 23.7985 26.5891C23.4597 26.5891 23.1646 26.6733 22.9132 26.8416C22.6618 27.0078 22.4668 27.2507 22.3283 27.5703C22.1898 27.8878 22.1206 28.2734 22.1206 28.7273C22.1206 29.1939 22.1898 29.5859 22.3283 29.9034C22.4689 30.2209 22.665 30.4606 22.9164 30.6225C23.1678 30.7844 23.4586 30.8654 23.7889 30.8654C23.9743 30.8654 24.1458 30.8409 24.3034 30.7919C24.4632 30.7429 24.6049 30.6715 24.7285 30.5778C24.8521 30.4819 24.9544 30.3658 25.0353 30.2294C25.1184 30.093 25.176 29.9375 25.2079 29.7628L26.6078 29.7692C26.5716 30.0696 26.481 30.3594 26.3361 30.6385C26.1934 30.9155 26.0005 31.1637 25.7576 31.3832C25.5169 31.6005 25.2292 31.7731 24.8947 31.9009C24.5623 32.0266 24.1863 32.0895 23.7665 32.0895C23.1827 32.0895 22.6607 31.9574 22.2005 31.6932C21.7424 31.429 21.3801 31.0465 21.1138 30.5458C20.8496 30.0451 20.7175 29.4389 20.7175 28.7273C20.7175 28.0135 20.8517 27.4062 21.1202 26.9055C21.3887 26.4048 21.753 26.0234 22.2132 25.7614C22.6735 25.4972 23.1912 25.3651 23.7665 25.3651C24.1458 25.3651 24.4973 25.4183 24.8212 25.5249C25.1472 25.6314 25.4359 25.7869 25.6873 25.9915C25.9387 26.1939 26.1433 26.4421 26.301 26.7362C26.4608 27.0302 26.563 27.3668 26.6078 27.7461ZM28.7571 25.4545L30.0771 27.6854H30.1282L31.4545 25.4545H33.0174L31.0199 28.7273L33.0621 32H31.4705L30.1282 29.766H30.0771L28.7347 32H27.1495L29.1982 28.7273L27.1879 25.4545H28.7571Z",fill:"white"})),this.fileType==="xls"&&n("svg",{key:"20afc576655ce201cfafeb4f7ac93be0a710c963",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"da34e6a20cbea44bd57bb83c5ad4302c3d1af7c7",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#079455"}),n("path",{key:"4723fe7c417fa3ce7ef16763703946b172f66da8",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"1834a552b5e2919e249178b6b6a817f00912ddf0",d:"M13.1477 25.4545L14.4677 27.6854H14.5188L15.8452 25.4545H17.408L15.4105 28.7273L17.4528 32H15.8612L14.5188 29.766H14.4677L13.1254 32H11.5401L13.5888 28.7273L11.5785 25.4545H13.1477ZM18.2837 32V25.4545H19.6676V30.859H22.4737V32H18.2837ZM26.941 27.337C26.9154 27.0792 26.8057 26.8789 26.6118 26.7362C26.4179 26.5934 26.1547 26.522 25.8224 26.522C25.5965 26.522 25.4058 26.554 25.2503 26.6179C25.0947 26.6797 24.9754 26.766 24.8923 26.8768C24.8113 26.9876 24.7709 27.1133 24.7709 27.2539C24.7666 27.3711 24.7911 27.4734 24.8444 27.5607C24.8998 27.6481 24.9754 27.7237 25.0713 27.7876C25.1672 27.8494 25.278 27.9038 25.4037 27.9506C25.5294 27.9954 25.6636 28.0337 25.8064 28.0657L26.3944 28.2063C26.68 28.2702 26.942 28.3555 27.1807 28.462C27.4193 28.5685 27.626 28.6996 27.8007 28.8551C27.9754 29.0107 28.1107 29.1939 28.2066 29.4048C28.3046 29.6158 28.3547 29.8576 28.3568 30.1303C28.3547 30.5309 28.2524 30.8782 28.05 31.1722C27.8497 31.4641 27.5599 31.6911 27.1807 31.853C26.8035 32.0128 26.3486 32.0927 25.816 32.0927C25.2876 32.0927 24.8273 32.0117 24.4353 31.8498C24.0454 31.6879 23.7407 31.4482 23.5212 31.1307C23.3039 30.8111 23.1899 30.4158 23.1792 29.945H24.5184C24.5333 30.1644 24.5961 30.3477 24.7069 30.4947C24.8199 30.6396 24.9701 30.7493 25.1576 30.8239C25.3472 30.8963 25.5613 30.9325 25.8 30.9325C26.0344 30.9325 26.2378 30.8984 26.4104 30.8303C26.5851 30.7621 26.7204 30.6673 26.8163 30.5458C26.9122 30.4244 26.9601 30.2848 26.9601 30.1271C26.9601 29.9801 26.9165 29.8565 26.8291 29.7564C26.7439 29.6562 26.6182 29.571 26.452 29.5007C26.2879 29.4304 26.0866 29.3665 25.8479 29.3089L25.1352 29.13C24.5834 28.9957 24.1476 28.7859 23.828 28.5004C23.5084 28.2148 23.3497 27.8303 23.3518 27.3466C23.3497 26.9503 23.4552 26.604 23.6682 26.3079C23.8834 26.0117 24.1785 25.7805 24.5535 25.6143C24.9285 25.4482 25.3547 25.3651 25.8319 25.3651C26.3177 25.3651 26.7417 25.4482 27.104 25.6143C27.4683 25.7805 27.7517 26.0117 27.9541 26.3079C28.1565 26.604 28.2609 26.9471 28.2673 27.337H26.941Z",fill:"white"})),this.fileType==="xlsx"&&n("svg",{key:"4df1138ec25855029597bd6ad14ff28c76fa9870",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"fb1e6112391d438823b9d60db4106173c49a1629",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#079455"}),n("path",{key:"d60ee3b59103f7b0182af085139c97a5ce6b0116",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"b7fd3d1be04e1cfcd969ebb7768dd36f19f87a43",d:"M9.93093 25.4545L11.2509 27.6854H11.302L12.6284 25.4545H14.1912L12.1937 28.7273L14.236 32H12.6444L11.302 29.766H11.2509L9.90856 32H8.32333L10.372 28.7273L8.36168 25.4545H9.93093ZM15.0669 32V25.4545H16.4508V30.859H19.2569V32H15.0669ZM23.7242 27.337C23.6986 27.0792 23.5889 26.8789 23.395 26.7362C23.2011 26.5934 22.9379 26.522 22.6056 26.522C22.3797 26.522 22.189 26.554 22.0335 26.6179C21.8779 26.6797 21.7586 26.766 21.6755 26.8768C21.5945 26.9876 21.5541 27.1133 21.5541 27.2539C21.5498 27.3711 21.5743 27.4734 21.6276 27.5607C21.683 27.6481 21.7586 27.7237 21.8545 27.7876C21.9504 27.8494 22.0612 27.9038 22.1869 27.9506C22.3126 27.9954 22.4468 28.0337 22.5896 28.0657L23.1776 28.2063C23.4632 28.2702 23.7252 28.3555 23.9639 28.462C24.2025 28.5685 24.4092 28.6996 24.5839 28.8551C24.7586 29.0107 24.8939 29.1939 24.9898 29.4048C25.0878 29.6158 25.1379 29.8576 25.14 30.1303C25.1379 30.5309 25.0356 30.8782 24.8332 31.1722C24.6329 31.4641 24.3431 31.6911 23.9639 31.853C23.5867 32.0128 23.1318 32.0927 22.5992 32.0927C22.0708 32.0927 21.6105 32.0117 21.2185 31.8498C20.8286 31.6879 20.5239 31.4482 20.3044 31.1307C20.0871 30.8111 19.9731 30.4158 19.9624 29.945H21.3016C21.3165 30.1644 21.3794 30.3477 21.4901 30.4947C21.6031 30.6396 21.7533 30.7493 21.9408 30.8239C22.1304 30.8963 22.3445 30.9325 22.5832 30.9325C22.8176 30.9325 23.021 30.8984 23.1936 30.8303C23.3683 30.7621 23.5036 30.6673 23.5995 30.5458C23.6954 30.4244 23.7433 30.2848 23.7433 30.1271C23.7433 29.9801 23.6997 29.8565 23.6123 29.7564C23.5271 29.6562 23.4014 29.571 23.2352 29.5007C23.0711 29.4304 22.8698 29.3665 22.6311 29.3089L21.9184 29.13C21.3666 28.9957 20.9308 28.7859 20.6112 28.5004C20.2916 28.2148 20.1329 27.8303 20.135 27.3466C20.1329 26.9503 20.2384 26.604 20.4514 26.3079C20.6666 26.0117 20.9617 25.7805 21.3367 25.6143C21.7117 25.4482 22.1379 25.3651 22.6151 25.3651C23.1009 25.3651 23.5249 25.4482 23.8872 25.6143C24.2515 25.7805 24.5349 26.0117 24.7373 26.3079C24.9397 26.604 25.0441 26.9471 25.0505 27.337H23.7242ZM27.3684 25.4545L28.6884 27.6854H28.7395L30.0659 25.4545H31.6287L29.6312 28.7273L31.6735 32H30.0819L28.7395 29.766H28.6884L27.3461 32H25.7608L27.8095 28.7273L25.7992 25.4545H27.3684Z",fill:"white"})),this.fileType==="svg"&&n("svg",{key:"d6fbb438ae7cd789b756fdff7541c990b4aeb16c",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"3c66cb2ff43827c4ff7e24f9c8ec39655516b3c8",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#6938EF"}),n("path",{key:"76dfa6efe3f0a8f80e6b518f783bd2458cb205b5",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"8cb7aa00024511a1e9d9da96a3690cf6cc99f41a",d:"M14.566 27.337C14.5404 27.0792 14.4307 26.8789 14.2368 26.7362C14.0429 26.5934 13.7797 26.522 13.4474 26.522C13.2215 26.522 13.0308 26.554 12.8753 26.6179C12.7197 26.6797 12.6004 26.766 12.5173 26.8768C12.4363 26.9876 12.3959 27.1133 12.3959 27.2539C12.3916 27.3711 12.4161 27.4734 12.4694 27.5607C12.5248 27.6481 12.6004 27.7237 12.6963 27.7876C12.7922 27.8494 12.903 27.9038 13.0287 27.9506C13.1544 27.9954 13.2886 28.0337 13.4314 28.0657L14.0194 28.2063C14.305 28.2702 14.567 28.3555 14.8057 28.462C15.0443 28.5685 15.251 28.6996 15.4257 28.8551C15.6004 29.0107 15.7357 29.1939 15.8316 29.4048C15.9296 29.6158 15.9797 29.8576 15.9818 30.1303C15.9797 30.5309 15.8774 30.8782 15.675 31.1722C15.4747 31.4641 15.1849 31.6911 14.8057 31.853C14.4285 32.0128 13.9736 32.0927 13.441 32.0927C12.9126 32.0927 12.4523 32.0117 12.0603 31.8498C11.6704 31.6879 11.3657 31.4482 11.1462 31.1307C10.9289 30.8111 10.8149 30.4158 10.8042 29.945H12.1434C12.1583 30.1644 12.2211 30.3477 12.3319 30.4947C12.4449 30.6396 12.5951 30.7493 12.7826 30.8239C12.9722 30.8963 13.1863 30.9325 13.425 30.9325C13.6594 30.9325 13.8628 30.8984 14.0354 30.8303C14.2101 30.7621 14.3454 30.6673 14.4413 30.5458C14.5372 30.4244 14.5851 30.2848 14.5851 30.1271C14.5851 29.9801 14.5415 29.8565 14.4541 29.7564C14.3689 29.6562 14.2432 29.571 14.077 29.5007C13.9129 29.4304 13.7116 29.3665 13.4729 29.3089L12.7602 29.13C12.2084 28.9957 11.7726 28.7859 11.453 28.5004C11.1334 28.2148 10.9747 27.8303 10.9768 27.3466C10.9747 26.9503 11.0802 26.604 11.2932 26.3079C11.5084 26.0117 11.8035 25.7805 12.1785 25.6143C12.5535 25.4482 12.9797 25.3651 13.4569 25.3651C13.9427 25.3651 14.3667 25.4482 14.729 25.6143C15.0933 25.7805 15.3767 26.0117 15.5791 26.3079C15.7815 26.604 15.8859 26.9471 15.8923 27.337H14.566ZM18.0952 25.4545L19.6772 30.4276H19.7379L21.3232 25.4545H22.8572L20.6009 32H18.8175L16.5579 25.4545H18.0952ZM27.6161 27.5703C27.5714 27.4148 27.5085 27.2773 27.4276 27.158C27.3466 27.0366 27.2475 26.9343 27.1303 26.8512C27.0153 26.766 26.8832 26.701 26.734 26.6562C26.587 26.6115 26.424 26.5891 26.245 26.5891C25.9105 26.5891 25.6165 26.6722 25.3629 26.8384C25.1115 27.0046 24.9155 27.2464 24.7749 27.5639C24.6342 27.8793 24.5639 28.2649 24.5639 28.7209C24.5639 29.1768 24.6332 29.5646 24.7717 29.8842C24.9102 30.2038 25.1062 30.4478 25.3597 30.6161C25.6133 30.7823 25.9126 30.8654 26.2578 30.8654C26.571 30.8654 26.8384 30.81 27.06 30.6992C27.2837 30.5863 27.4542 30.4276 27.5714 30.223C27.6907 30.0185 27.7504 29.7766 27.7504 29.4975L28.0316 29.5391H26.3441V28.4972H29.0831V29.3217C29.0831 29.897 28.9616 30.3913 28.7188 30.8047C28.4759 31.2159 28.1413 31.5334 27.7152 31.7571C27.2891 31.9787 26.8011 32.0895 26.2514 32.0895C25.6378 32.0895 25.0987 31.9542 24.6342 31.6836C24.1697 31.4109 23.8075 31.0241 23.5476 30.5234C23.2898 30.0206 23.1609 29.424 23.1609 28.7337C23.1609 28.2031 23.2376 27.7301 23.391 27.3146C23.5465 26.897 23.7638 26.5433 24.043 26.2536C24.3221 25.9638 24.647 25.7433 25.0178 25.592C25.3885 25.4407 25.7901 25.3651 26.2227 25.3651C26.5934 25.3651 26.9386 25.4194 27.2582 25.5281C27.5778 25.6346 27.8612 25.7859 28.1083 25.9819C28.3576 26.1779 28.5611 26.4112 28.7188 26.6818C28.8764 26.9503 28.9776 27.2464 29.0224 27.5703H27.6161Z",fill:"white"})),this.fileType==="txt"&&n("svg",{key:"1f4e556125428e1d0410d225bb923694f5a8c815",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"11eb3ccfae5873220f25d98bddfc6c3526e52925",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#4B5565"}),n("path",{key:"bded938879d1d2713c7609a83656106263699aa3",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"024bcc1da5a55a78d421bc1f24869b48285c5d57",d:"M11.0911 26.5955V25.4545H16.4668V26.5955H14.4629V32H13.095V26.5955H11.0911ZM18.6497 25.4545L19.9696 27.6854H20.0208L21.3471 25.4545H22.91L20.9125 28.7273L22.9547 32H21.3631L20.0208 29.766H19.9696L18.6273 32H17.0421L19.0907 28.7273L17.0804 25.4545H18.6497ZM23.5364 26.5955V25.4545H28.9121V26.5955H26.9082V32H25.5403V26.5955H23.5364Z",fill:"white"})),this.fileType==="zip"&&n("svg",{key:"69230f4e9bbea2c5e8a61665ba8f748b83242d46",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"5b20381aa49dd3c5e657bfa7d7a3755f60ef9990",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#4B5565"}),n("path",{key:"81383600bc643ba8b02a016249ac4de34635f50d",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"2f9af53d3bffb362ab8d932fa2a15c0a291bcc40",d:"M13.3223 32V31.1786L16.5886 26.5955H13.3159V25.4545H18.3273V26.2759L15.0578 30.859H18.3337V32H13.3223ZM20.7794 25.4545V32H19.3956V25.4545H20.7794ZM21.918 32V25.4545H24.5004C24.9968 25.4545 25.4198 25.5494 25.7692 25.739C26.1187 25.9265 26.385 26.1875 26.5682 26.522C26.7536 26.8544 26.8463 27.2379 26.8463 27.6726C26.8463 28.1072 26.7525 28.4908 26.565 28.8232C26.3775 29.1555 26.1059 29.4144 25.75 29.5998C25.3964 29.7852 24.9681 29.8778 24.4652 29.8778H22.8193V28.7688H24.2415C24.5079 28.7688 24.7273 28.723 24.8999 28.6314C25.0746 28.5376 25.2046 28.4087 25.2898 28.2447C25.3772 28.0785 25.4209 27.8878 25.4209 27.6726C25.4209 27.4553 25.3772 27.2656 25.2898 27.1037C25.2046 26.9396 25.0746 26.8129 24.8999 26.7234C24.7252 26.6317 24.5036 26.5859 24.2351 26.5859H23.3019V32H21.918Z",fill:"white"})),this.fileType==="rar"&&n("svg",{key:"f4055c9611fa225360fbd741ab46507f32431464",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"5a339af2df44fa9aa70d0777d2083ac21272ffaa",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#4B5565"}),n("path",{key:"534de33d066e65529609aed20adc0c9d5ee8ae4a",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"dd50bc7a40cac5350699ff29212dc034cedd7820",d:"M11.2964 32V25.4545H13.8788C14.3731 25.4545 14.795 25.543 15.1444 25.7198C15.496 25.8945 15.7634 26.1428 15.9466 26.4645C16.132 26.7841 16.2247 27.1602 16.2247 27.5927C16.2247 28.0273 16.1309 28.4013 15.9434 28.7145C15.7559 29.0256 15.4843 29.2642 15.1285 29.4304C14.7748 29.5966 14.3465 29.6797 13.8437 29.6797H12.1146V28.5675H13.6199C13.8841 28.5675 14.1036 28.5312 14.2783 28.4588C14.453 28.3864 14.583 28.2777 14.6682 28.1328C14.7556 27.9879 14.7993 27.8079 14.7993 27.5927C14.7993 27.3754 14.7556 27.1921 14.6682 27.043C14.583 26.8938 14.452 26.7809 14.2751 26.7042C14.1004 26.6254 13.8799 26.5859 13.6135 26.5859H12.6803V32H11.2964ZM14.8312 29.0213L16.458 32H14.9303L13.3387 29.0213H14.8312ZM18.3309 32H16.8479L19.1075 25.4545H20.8909L23.1473 32H21.6643L20.0248 26.9503H19.9736L18.3309 32ZM18.2382 29.4272H21.741V30.5075H18.2382V29.4272ZM23.9351 32V25.4545H26.5175C27.0118 25.4545 27.4337 25.543 27.7831 25.7198C28.1347 25.8945 28.4021 26.1428 28.5853 26.4645C28.7707 26.7841 28.8634 27.1602 28.8634 27.5927C28.8634 28.0273 28.7696 28.4013 28.5821 28.7145C28.3946 29.0256 28.123 29.2642 27.7671 29.4304C27.4134 29.5966 26.9852 29.6797 26.4823 29.6797H24.7533V28.5675H26.2586C26.5228 28.5675 26.7423 28.5312 26.917 28.4588C27.0917 28.3864 27.2217 28.2777 27.3069 28.1328C27.3943 27.9879 27.4379 27.8079 27.4379 27.5927C27.4379 27.3754 27.3943 27.1921 27.3069 27.043C27.2217 26.8938 27.0906 26.7809 26.9138 26.7042C26.7391 26.6254 26.5186 26.5859 26.2522 26.5859H25.319V32H23.9351ZM27.4699 29.0213L29.0967 32H27.569L25.9774 29.0213H27.4699Z",fill:"white"})),this.fileType==="mp3"&&n("svg",{key:"c050ef6bc5ff7c02eee86a35dec7f44698b9458a",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"682dd97dc1053971190dbad2004e7d02a9b5dd93",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#DD2590"}),n("path",{key:"6c5eb6cbc16e68c5df6c23fad346fe691d1d15bf",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"73301f0790d3a423b2ad1ab56f794902ebad1002",d:"M10.5713 25.4545H12.278L14.0806 29.8523H14.1573L15.9598 25.4545H17.6665V32H16.3242V27.7397H16.2698L14.576 31.968H13.6619L11.968 27.7237H11.9137V32H10.5713V25.4545ZM18.8067 32V25.4545H21.3891C21.8855 25.4545 22.3085 25.5494 22.6579 25.739C23.0073 25.9265 23.2737 26.1875 23.4569 26.522C23.6423 26.8544 23.735 27.2379 23.735 27.6726C23.735 28.1072 23.6412 28.4908 23.4537 28.8232C23.2662 29.1555 22.9945 29.4144 22.6387 29.5998C22.285 29.7852 21.8568 29.8778 21.3539 29.8778H19.708V28.7688H21.1302C21.3965 28.7688 21.616 28.723 21.7886 28.6314C21.9633 28.5376 22.0933 28.4087 22.1785 28.2447C22.2658 28.0785 22.3095 27.8878 22.3095 27.6726C22.3095 27.4553 22.2658 27.2656 22.1785 27.1037C22.0933 26.9396 21.9633 26.8129 21.7886 26.7234C21.6139 26.6317 21.3923 26.5859 21.1238 26.5859H20.1906V32H18.8067ZM27.0149 32.0895C26.5376 32.0895 26.1125 32.0075 25.7397 31.8434C25.3689 31.6772 25.0759 31.4492 24.8608 31.1594C24.6477 30.8675 24.538 30.5309 24.5316 30.1495H25.925C25.9335 30.3093 25.9858 30.4499 26.0816 30.5714C26.1796 30.6907 26.3096 30.7834 26.4715 30.8494C26.6335 30.9155 26.8157 30.9485 27.0181 30.9485C27.229 30.9485 27.4154 30.9112 27.5774 30.8366C27.7393 30.7621 27.8661 30.6587 27.9577 30.5266C28.0493 30.3945 28.0951 30.2422 28.0951 30.0696C28.0951 29.8949 28.0461 29.7404 27.9481 29.6062C27.8522 29.4698 27.7137 29.3633 27.5326 29.2866C27.3536 29.2099 27.1406 29.1715 26.8934 29.1715H26.283V28.1552H26.8934C27.1022 28.1552 27.2865 28.119 27.4463 28.0465C27.6083 27.9741 27.734 27.8739 27.8235 27.7461C27.913 27.6161 27.9577 27.4648 27.9577 27.2923C27.9577 27.1282 27.9183 26.9844 27.8394 26.8608C27.7627 26.7351 27.6541 26.6371 27.5135 26.5668C27.375 26.4964 27.213 26.4613 27.0277 26.4613C26.8402 26.4613 26.6686 26.4954 26.5131 26.5636C26.3576 26.6296 26.2329 26.7244 26.1392 26.848C26.0454 26.9716 25.9953 27.1165 25.9889 27.2827H24.6626C24.669 26.9055 24.7766 26.5732 24.9854 26.2855C25.1942 25.9979 25.4755 25.7731 25.8291 25.6112C26.185 25.4471 26.5866 25.3651 27.034 25.3651C27.4858 25.3651 27.881 25.4471 28.2198 25.6112C28.5585 25.7752 28.8217 25.9968 29.0092 26.2759C29.1988 26.5529 29.2926 26.864 29.2904 27.2092C29.2926 27.5756 29.1786 27.8814 28.9485 28.1264C28.7205 28.3714 28.4233 28.527 28.0568 28.593V28.6442C28.5383 28.706 28.9048 28.8732 29.1562 29.146C29.4098 29.4165 29.5355 29.7553 29.5333 30.1623C29.5355 30.5352 29.4279 30.8665 29.2105 31.1562C28.9953 31.446 28.6981 31.674 28.3188 31.8402C27.9396 32.0064 27.5049 32.0895 27.0149 32.0895Z",fill:"white"})),this.fileType==="mp4"&&n("svg",{key:"6bd753864ebe7f41a52ac50e3e26e8b878d05d75",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{key:"453d837b15cf131049106d57ee409114ad3aadf3",d:"M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",fill:"#064E94"}),n("path",{key:"019d8f4e3787bc17d0206d83191b6bb105c68f08",opacity:"0.3",d:"M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",fill:"white"}),n("path",{key:"02daa9d431fee81801c3c1dba142048bdd7cbab4",d:"M10.4878 25.4545H12.1945L13.9971 29.8523H14.0738L15.8763 25.4545H17.583V32H16.2407V27.7397H16.1863L14.4925 31.968H13.5784L11.8845 27.7237H11.8302V32H10.4878V25.4545ZM18.7232 32V25.4545H21.3056C21.802 25.4545 22.225 25.5494 22.5744 25.739C22.9238 25.9265 23.1902 26.1875 23.3734 26.522C23.5588 26.8544 23.6515 27.2379 23.6515 27.6726C23.6515 28.1072 23.5577 28.4908 23.3702 28.8232C23.1827 29.1555 22.911 29.4144 22.5552 29.5998C22.2015 29.7852 21.7733 29.8778 21.2704 29.8778H19.6245V28.7688H21.0467C21.313 28.7688 21.5325 28.723 21.7051 28.6314C21.8798 28.5376 22.0098 28.4087 22.095 28.2447C22.1824 28.0785 22.226 27.8878 22.226 27.6726C22.226 27.4553 22.1824 27.2656 22.095 27.1037C22.0098 26.9396 21.8798 26.8129 21.7051 26.7234C21.5304 26.6317 21.3088 26.5859 21.0403 26.5859H20.1071V32H18.7232ZM24.4129 30.8494V29.7596L27.1455 25.4545H28.0851V26.9631H27.529L25.8064 29.6893V29.7404H29.6895V30.8494H24.4129ZM27.5546 32V30.517L27.5802 30.0344V25.4545H28.8778V32H27.5546Z",fill:"white"}))))}};Z.style=A;const S='.file_upload_div{display:flex;flex-direction:column;gap:var(--spacing-2)}.file_upload_item_base_container{display:flex;border-radius:var(--rounded-sm);background-color:var(--color-background-card, #ffffff);border:1px solid var(--color-border-subtler, #e3e8ef);position:relative;cursor:pointer}.file_upload_item_base_container.default:hover{border-color:var(--color-border-selected, #075DB2)}.file_upload_item_base_container.disabled{background-color:var(--color-background-disabled, #F6F8FA);border-color:var(--color-border-disabled, #E3E8EF)}.file_upload_item_base_container.md{flex-direction:row;padding:var(--spacing-4)}.file_upload_item_base_container.lg{flex-direction:column;padding:var(--spacing-7) var(--spacing-6)}.file_upload_icon{background-color:#EEF2F6;border-radius:var(--rounded-full);display:flex;justify-content:center;align-items:center;padding:var(--spacing-3)}.file_upload_icon svg{width:var(--spacing-6);height:var(--spacing-6)}.default.md{display:flex;gap:var(--spacing-3);align-items:center}.default.lg{display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center;justify-content:center}.default_content{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-2)}.upload_btn_md{position:absolute;top:45%;right:1.5rem}.disabled_text{color:var(--color-text-subtle, #697586)}.upload_text{color:var(--color-text, #4B5565)}.upload_text.lg,.disabled_text.lg{display:flex;gap:var(--spacing-1);align-items:center}.file_type_text{color:var(--color-text-subtle, #697586)}.text-sm-semi-bold{font-family:var(--font-family-body);font-size:var(--font-size-t-sm);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-t-sm);margin:var(--spacing-none);padding:var(--spacing-none);display:inline-block;position:relative}.text-sm-semi-bold::before,.text-sm-semi-bold::after{content:"";display:table}.text-sm-semi-bold::before{margin-bottom:-0.299em}.text-sm-semi-bold::after{margin-top:-0.349em}.text-sm-regular{font-family:var(--font-family-body);font-size:var(--font-size-t-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-t-sm);margin:var(--spacing-none);padding:var(--spacing-none);position:relative;display:inline-block}.text-sm-regular::before,.text-sm-regular::after{content:"";display:table}.text-sm-regular::before{margin-bottom:-0.299em}.text-sm-regular::after{margin-top:-0.299em}.text-xs-regular{font-family:var(--font-family-body);font-size:var(--font-size-t-xs);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-t-xs);margin:var(--spacing-none);padding:var(--spacing-none);display:inline-block;position:relative}.text-xs-regular::before,.text-xs-regular::after{content:"";display:table}.text-xs-regular::before{margin-bottom:-0.291em}.text-xs-regular::after{margin-top:-0.396em}.multiple_upload_div{display:flex;flex-direction:column;gap:var(--spacing-2)}';const $=class{constructor(n){r(this,n);this.uploadStateChange=t(this,"uploadStateChange");this.destructive=false;this.showLabel=false;this.files=[];this.fileStates=[];this.isDragging=false;this.dragCounter=0}openFilePicker(){var r;const n=document.createElement("input");n.type="file";n.multiple=this.type==="multiple";n.accept=((r=this.fileType)===null\|\|r===void 0?void 0:r.map((r=>`.${r}`)).join(","))\|\|"";n.addEventListener("change",(r=>{const e=r.target;if(e.files){const r=Array.from(e.files);if(this.type==="single"){this.files=[r[0]]}else{this.files=[...this.files,...r]}if(this.type==="single"){const r=this.files[0];const[n,e]=this.extractFileNameAndExtension(r.name);this.fileStates=[{name:n,extension:e,state:"default",size:r.size,progress:0}]}else{this.fileStates=this.files.map((r=>{const[n,e]=this.extractFileNameAndExtension(r.name);return{name:n,fileType:r.type.slice(-3),extension:e,state:"default",size:r.size,progress:0}}))}this.uploadStateChange.emit(this.fileStates)}n.remove()}));n.click()}extractFileNameAndExtension(r){const n=r.lastIndexOf(".");if(n===-1){return[r,"unknown"]}const e=r.slice(0,n);const a=r.slice(n+1).toLowerCase();return[e,a]}handleDragOver(r){r.preventDefault();this.isDragging=true}handleDragLeave(){this.dragCounter--;if(this.dragCounter===0){this.isDragging=false}}handleDrop(r){var n;r.preventDefault();this.isDragging=false;this.dragCounter=0;const e=Array.from(((n=r.dataTransfer)===null\|\|n===void 0?void 0:n.files)\|\|[]);if(e.length>0){this.handleFiles(e)}}handleFiles(r){if(this.type==="single"){this.files=[r[0]]}else{this.files=[...this.files,...r]}const n=r.filter((r=>!this.files.some((n=>n.name===r.name&&n.size===r.size))));this.files=[...this.files,...n];if(this.type==="single");else{this.fileStates=this.files.map((r=>{const[n,e]=this.extractFileNameAndExtension(r.name);return{name:n,fileType:r.type.slice(-3),extension:e,state:"default",size:r.size,progress:0}}))}this.uploadStateChange.emit(this.fileStates)}handleCancelUpload(r){this.files.splice(r,1);this.fileStates.splice(r,1);this.uploadStateChange.emit(this.fileStates)}handleDeleteFileUpload(r){this.files=[...this.files.slice(0,r),...this.files.slice(r+1)];this.fileStates=[...this.fileStates.slice(0,r),...this.fileStates.slice(r+1)];this.uploadStateChange.emit(this.fileStates)}render(){return n("div",{key:"9c165c7654fdcbe8ea6c1ee9212963b31a4d59f3",class:"file_upload_div"},this.showLabel&&n("p",{key:"d518e94a7138024e9ac69ab38f0334c37276877c",class:"upload_text text-sm-semi-bold"},"File Upload"),this.type==="single"&&n(o,null,this.state==="default"&&!this.destructive&&this.fileStates.length===0&&n("div",{key:"fd7f23437437c97c900aeaaa1bc65e7b71b4f888",class:`file_upload_item_base_container ${this.state} ${this.heightSize}`},this.heightSize==="md"&&[n("div",{key:"13015c20afc9b59ffd07813537ef6e2461517d2c",class:`default ${this.heightSize}`},n("div",{key:"70d618925a8c8f1c67a2c2533b11caba4b4f8a4b",class:"file_upload_icon"},n("svg",{key:"c2c3d578ab3954d2a0ef151c4e1e8a5f1d657e9e",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n("path",{key:"54fb0eb8f075c224bb782ab80bc0fa8c506b6e98",d:"M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z",fill:"#4B5565"}))),n("div",{key:"e587e6f15812fe654fc4c10c2d7655fdb2cfd4de",class:"default_content"},n("p",{key:"941dbee5ebe1ca1d4fe68cb7c84a56470fb3b90e",class:"upload_text text-sm-semi-bold"},"Tap to upload"),n("p",{key:"e8f2a7de03ed1e4e12fc43af2878de459a3dc55c",class:"file_type_text text-xs-regular"},"SVG, PNG, JPG or GIF (max. 800x400px)"))),n("gb-button",{key:"b4763b03485ed1ad43413017d01614bffd78b735",size:"sm",hierarchy:"link_color",icon:"default",class:"upload_btn_md","icon-leading":true,onClick:()=>this.openFilePicker()},n("p",{key:"3ecd024effe436eeaea7c186b2378486ff6aab7b"},"Upload"))],this.heightSize==="lg"&&[n("div",{key:"6a504052b781ecf07d1c6ab727719f5ca79167ce",class:`default ${this.heightSize}`},n("div",{key:"b3e9e9ba18878cf43624a3d03f6526eb7fb48855",class:"file_upload_icon"},n("svg",{key:"dbdf402d3857544e872f8477117f789e0b62cb18",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n("path",{key:"487c255dc699d60e9a27bde9cb4df82330580e83",d:"M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z",fill:"#4B5565"}))),n("div",{key:"a21a0d8bee01cde2ee13fe0e048d579492ce56c2",class:"default_content"},n("p",{key:"99a11abfc73caffa58bb664a5d450aacdbfd2573",class:`upload_text text-sm-regular ${this.heightSize}`},n("gb-button",{key:"c7e6898a6b7dc18d7bbe057376a5f80026478128",size:"sm",hierarchy:"link_color",icon:"default",onClick:()=>this.openFilePicker()},n("p",{key:"7cc92b0ad6c5ee67b26fdd81033c57d9e987d7b8"},"Click to upload")),"or drag and drop"),n("p",{key:"5617eebc9cf5aa51a92e4946f2e6048857920a35",class:"file_type_text text-xs-regular"},"SVG, PNG, JPG or GIF (max. 800x400px)")))]),this.state==="in_progress"&&n("gb-file-upload-item-base",{key:"e2fed8205a1375405f19e91a18bf4d845edd1383",progress:this.progress,"file-type":this.fileType,icon:this.icon,"height-size":this.heightSize,state:"in_progress"}),this.state==="complete"&&n("gb-file-upload-item-base",{key:"b477567876c8c400725011c582c49d50bf3be908",progress:this.progress,"file-type":this.fileType,icon:this.icon,"height-size":this.heightSize,state:"complete"}),this.state==="disabled"&&n("div",{key:"7c812721bf7e062212a374f1dafc8cb4957f32fe",class:`file_upload_item_base_container ${this.state} ${this.heightSize}`},n("div",{key:"efb2c15e945dffd66173ac74d562daea07b64e22",class:`disabled ${this.state}`},this.heightSize==="md"&&[n("div",{key:"c41468983996c0bdceaebba5058a1202f2cc1bc2",class:`default ${this.heightSize}`},n("div",{key:"3038dc01dd2a578f63c63232af8efc43c6e2f6c9",class:"file_upload_icon"},n("svg",{key:"aad6b9f3cfe2d82721e0ca53a34cb8b0ff121be5",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n("path",{key:"e6589e34f66f3fd645b093b74c6ad085787d2302",d:"M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z",fill:"#4B5565"}))),n("div",{key:"ac29e8829659046ac9f31af7f6e66d092a9e0fcf",class:"default_content"},n("p",{key:"a05b293b91be62689ca253b52a9134e135794361",class:"disabled_text text-sm-semi-bold"},"Tap to upload"),n("p",{key:"4937d653ee53f263ff086b5c7ba062a919c1ac80",class:"disabled_text text-xs-regular"},"SVG, PNG, JPG or GIF (max. 800x400px)"))),n("gb-button",{key:"80abca3c3dfd1b0e92d2d38462da61c1b07e7478",size:"sm",hierarchy:"link_color",icon:"default",class:"upload_btn_md",state:"disabled"},n("p",{key:"180e370eeb4b5a60111f502fb3c046376a2975e0"},"Upload"))],this.heightSize==="lg"&&[n("div",{key:"8f6945f101e071af1c084cfec8d5a8f2e666d7fb",class:`default ${this.heightSize}`},n("div",{key:"3e8a0a6074b3e08ed28a931c0bbecb0b094dc804",class:"file_upload_icon"},n("svg",{key:"3622e05b05e82a825d875fcef5b3071a32ee0cc1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n("path",{key:"56fc5370c9c8e5f904e60d2eac1a427df6513363",d:"M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z",fill:"#4B5565"}))),n("div",{key:"86c9126135164afd91e2f53bf117640c7c922766",class:"default_content"},n("p",{key:"9429f739ad4f68b6c8780a178d7078e9047c3c10",class:`disabled_text text-sm-regular ${this.heightSize}`},n("gb-button",{key:"048f934ec11c83714c717ddc79e5d7ec8be90db5",size:"sm",hierarchy:"link_color",icon:"default",state:"disabled"},n("p",{key:"e3e5b3fef93f9116c36ce4faa9ab03f8a39901c0"},"Click to upload")),"or drag and drop"),n("p",{key:"b77f96ec0cecfa4e7efee0a45ea9a70894cf9039",class:"disabled_text text-xs-regular"},"SVG, PNG, JPG or GIF (max. 800x400px)")))])),this.destructive&&n("gb-file-upload-item-base",{key:"a05c8e12934267bfb503a02c39b489bc9c0ff1e2",progress:this.progress,"file-type":this.fileType,icon:this.icon,state:"error","height-size":this.heightSize}),this.fileStates.map((r=>n("gb-file-upload-item-base",{progress:r.progress,"file-type":r.extension,icon:this.icon,"height-size":this.heightSize,state:r.state})))),this.type==="multiple"&&n("div",{key:"3bfdcb5732bad87575094d8e480acb7a37a229ee",class:"multiple_upload_div"},n("div",{key:"9799193df7754c5ea7f73882b2ba3424de0b50f1",class:`file_upload_item_base_container ${this.state} ${this.heightSize} ${this.isDragging?"hover":""}`,onDragOver:r=>this.handleDragOver(r),onDragLeave:()=>this.handleDragLeave(),onDrop:r=>this.handleDrop(r)},this.heightSize==="md"&&[n("div",{key:"45ab6d619655c2bf303d98e96cb1849d9e8e1840",class:`default ${this.heightSize}`},n("div",{key:"96b7352593f25f1356c1a418a6232efa6dad9d3d",class:"file_upload_icon"},n("svg",{key:"1f14ada6e588d3b590e5ed50dd035d3472f062be",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n("path",{key:"77efecd011a7d72ceb27c9e9cc8ca1619130cc47",d:"M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z",fill:"#4B5565"}))),n("div",{key:"b6df51d9c21c9f53e6e014b8cf967b7894a964c0",class:"default_content"},n("p",{key:"0c09028135211be0df60998eb0af0ef38333b8ba",class:"upload_text text-sm-semi-bold"},"Tap to upload"),n("p",{key:"2974425e378763f9a3fdbc5d69f9c1d0b9651c54",class:"file_type_text text-xs-regular"},"SVG, PNG, JPG or GIF (max. 800x400px)"))),n("gb-button",{key:"f48f28298acb281627c1cb3c11eee120802cb420",size:"sm",hierarchy:"link_color",icon:"default",class:"upload_btn_md","icon-leading":true,onClick:()=>this.openFilePicker()},n("p",{key:"0453dd8826403c8ec61b5e90be67772f3d71100d"},"Upload"))],this.heightSize==="lg"&&[n("div",{key:"a4c63b839ce8e4dd567c781c611109c00d63aa32",class:`default ${this.heightSize}`},n("div",{key:"a377866059cec54ff2f6e0473d12d87b630571e0",class:"file_upload_icon"},n("svg",{key:"53f8609f7cb6ddad5d0b92aae340e0172bfd5c5f",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n("path",{key:"f2aaf1823ac74a8cefcdf7c4344c0a7fc0882712",d:"M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z",fill:"#4B5565"}))),n("div",{key:"9a933b815909c529dc83bbc07274c0add399667f",class:"default_content"},n("p",{key:"002900e2352eb25df832cf09433765a572fc23cc",class:`upload_text text-sm-regular ${this.heightSize}`},n("gb-button",{key:"f2bca0663c178182054181fc1ee72839cf211ee0",size:"sm",hierarchy:"link_color",icon:"default",onClick:()=>this.openFilePicker()},n("p",{key:"1276bbe1e6c08380d00c010e3d8e8d76ea12d9fc"},"Click to upload")),"or drag and drop"),n("p",{key:"85cd5508dfd883d5915bc6d53360df516838e59c",class:"file_type_text text-xs-regular"},"SVG, PNG, JPG or GIF (max. 800x400px)")))]),this.fileStates.map(((r,e)=>n("gb-file-upload-item-base",{progress:r.progress,"file-type":r.extension,icon:this.icon,"height-size":"md",state:r.state,"file-name":r.name,"file-size":(r.size/1024).toFixed(2),onCancelUpload:()=>this.handleCancelUpload(e),onDeleteFileUpload:()=>this.handleDeleteFileUpload(e)})))))}};$.style=S;const G='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n/ .file_upload_item_base_div{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n} /\r\n\r\n.file_upload_item_base_container {\r\n display: flex;\r\n border-radius: var(--rounded-sm);\r\n background-color: var(--color-background-card, #ffffff);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n\r\n.file_upload_item_base_container.default:hover{\r\n border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.file_upload_item_base_container.disabled{\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\n.file_upload_item_base_container.md{\r\n flex-direction: row;\r\n padding: var(--spacing-4);\r\n}\r\n\r\n.file_upload_item_base_container.lg{\r\n flex-direction: column;\r\n padding: var(--spacing-6);\r\n}\r\n\r\n.close_button {\r\n position: absolute;\r\n top: var(--spacing-4);\r\n right: var(--spacing-4);\r\n}\r\n\r\n.progress_bar{\r\n margin-top: 0.5rem;\r\n}\r\n\r\n.file_type_text.in_progress,\r\n.file_type_text.complete{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.file_type_text.error,\r\n.file_size_text.error{\r\n color: var(--color-background-danger, #B51726);\r\n}\r\n\r\n.file_size_text.in_progress,\r\n.file_size_text.complete{\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.in_progress_div.md,\r\n.error.md,\r\n.complete.md{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-1);\r\n}\r\n\r\n.in_progress_div.lg,\r\n.error.lg,\r\n.complete.lg{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n/ Default Styles /\r\n.file_upload_icon{\r\n background-color: #EEF2F6;\r\n border-radius: var(--rounded-full);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: var(--spacing-3);\r\n}\r\n\r\n.file_upload_icon svg{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\n.default.md{\r\n display: flex;\r\n gap: var(--spacing-3);\r\n align-items: center;\r\n}\r\n\r\n.default.lg{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.default_content{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n/ In Progress Styles /\r\n.in_progress_div.md{\r\n width: 100%;\r\n}\r\n\r\n.in_progress_div.lg{\r\n text-align: center;\r\n}\r\n\r\n.in_progress_content{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n width: 100%;\r\n}\r\n\r\n.upload_btn_md{\r\n position: absolute;\r\n top: 45%;\r\n right: 1.5rem;\r\n}\r\n\r\n.upload_btn_lg{\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n/ Complete Styles /\r\n.complete{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.complete.md{\r\n flex-direction: row;\r\n gap: var(--spacing-1);\r\n}\r\n\r\n.complete.lg{\r\n align-items: center;\r\n text-align: center;\r\n}\r\n\r\n.complete_content{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.complete_content.md{\r\n justify-content: center;\r\n}\r\n\r\n.complete_content.lg{\r\n align-items: center;\r\n}\r\n\r\n.delete_button{\r\n position: absolute;\r\n top: 30%;\r\n right: 1rem;\r\n}\r\n\r\n.delete_btn{\r\n position: absolute;\r\n top: 35%;\r\n right: 1.5rem;\r\n}\r\n\r\n/ Error Styles /\r\n.error{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n border-color: var(--color-border-danger-subtle, #F9B4BA);\r\n}\r\n\r\n.error.lg{\r\n text-align: center;\r\n}\r\n\r\n.error_content{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.error_content_text{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.btns{\r\n display: flex;\r\n justify-content: center;\r\n gap: var(--spacing-6);\r\n}\r\n\r\n.btn{\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.try_again_btn{\r\n display: flex;\r\n width: 100%;\r\n}\r\n\r\n/ Text Styles/\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\np.lg{\r\n display: flex;\r\n gap: var(--spacing-1);\r\n}';const T=class{constructor(n){r(this,n);this.cancelUpload=t(this,"cancelUpload");this.deleteFileUpload=t(this,"deleteFileUpload");this.heightSize="md";this.buttonState=l.Default}render(){return n("div",{key:"95761baedd02913339ac132004c50481374ce466",class:`file_upload_item_base_container ${this.state} ${this.heightSize}`},this.state==="in_progress"&&n("div",{key:"5eb84f58c9642b8001ea4db4ecdfe7532c3a7fd8",class:`in_progress_div ${this.heightSize}`},n("div",{key:"869f90a19000fb8fdd89a56348248dd70c1a8a00",class:"file_icon"},n("gb-file-type-icon",{key:"388a08381580ce31332ccb4520695f0bfb409088","file-style":this.icon==="outline"?"default":this.icon==="solid"?"solid":null,"file-type":this.fileType})),n("div",{key:"a44f6cf6d5820589efc99f18d678d60963d8d2e7",class:"in_progress_content"},this.heightSize==="md"&&n(o,null,n("p",{key:"a193f15781812716028e9ef0c141ef67fd581cee",class:`file_type_text ${this.state} text-sm-medium`},this.fileName,".",this.fileType),n("p",{key:"92239d8bcafa5811e70b2bc8946f7db4a5921c17",class:`file_size_text ${this.state} text-sm-regular`},this.fileSize,"KB"),n("gb-progress-bar",{key:"4b38daf33a526a0505d3a5cf97d115970bd1b727",progress:this.progress,"show-label":true,"label-position":"right",class:"progress_bar"}),n("gb-button-close",{key:"7631bedf175b625e0ddf42b80008709312f2a23c",size:"sm",color:"gray",class:"close_button",onClick:()=>this.cancelUpload.emit()})),this.heightSize==="lg"&&n(o,null,n("p",{key:"65cf0b3d8b5f8305575bca1b50be386ea6ec28bb",class:`file_type_text ${this.state} text-sm-medium`},this.fileName,".",this.fileType),n("p",{key:"71d0d75b07c4201b1c8a3ac9eb1940b8b7255dbc",class:`file_size_text ${this.state} text-sm-regular`},this.fileSize,"KB"),n("gb-progress-bar",{key:"c1c49310acdc875956cec3d50984990d3e5a5692",progress:this.progress,"show-label":true,"label-position":"right",class:"progress_bar"}),n("gb-button-close",{key:"8da568041fa47e7f39d55f94b34794ffec5bac0f",size:"sm",color:"gray",class:"close_button",onClick:()=>this.cancelUpload.emit()})))),this.state==="complete"&&n("div",{key:"ad638c87aca8f3a75d199e05c473c8b1a8de7dd9",class:`complete ${this.heightSize}`},n("div",{key:"deac1a52cf457ce84e2dfb31f2271dcbdd63388b",class:"file_icon"},n("gb-file-type-icon",{key:"42fc04e4d5b5a077d1464d3b4989f8429efa3393","file-style":this.icon==="outline"?"default":this.icon==="solid"?"solid":null,"file-type":this.fileType})),n("div",{key:"71bb5e37ed147b2c0ff040f067aeae517f55d60f",class:`complete_content ${this.heightSize}`},this.heightSize==="md"&&n(o,null,n("p",{key:"a17b547a9621029fa43f21dca9c5885db652ba97",class:`file_type_text ${this.state} text-sm-medium`},this.fileName,".",this.fileType),n("p",{key:"80f9f658a536dc0d5529bada963efe72883c9523",class:`file_size_text ${this.state} text-sm-regular`},`${this.fileSize}`,"KB – ",`${this.progress}`,"% uploaded"),n("gb-button",{key:"265ca1cb62a060ffeb50136c3bf13cceede0517c",size:"sm",hierarchy:"tertiary_gray",icon:"only","icon-leading":true,"icon-leading-swap":"assets/delete-02.svg",class:"delete_button",onClick:()=>this.deleteFileUpload.emit()})),this.heightSize==="lg"&&n(o,null,n("p",{key:"44c19717bd266b921940915d4e7aa1b250143ec4",class:`file_type_text ${this.state} text-sm-medium`},this.fileName,".",this.fileType),n("p",{key:"16cb1da1aa09938aebcea93334a8d8c66231ce32",class:`file_size_text ${this.state} text-sm-regular`},this.fileSize,"KB – ",`${this.progress}`," % uploaded"),n("gb-button",{key:"763af659296901294fec4ea60dab8355b30c73a7",size:"sm",hierarchy:"tertiary_gray",icon:"default","icon-leading":true,"icon-leading-swap":"assets/delete-02.svg",onClick:()=>this.deleteFileUpload.emit()},n("p",{key:"e1b6233d9351df151fc47345a485820e438eb9b0"},"Clear"))))),this.state==="error"&&n("div",{key:"fd4382304c99f19d28f1754eab657c666b2eab28",class:`error ${this.heightSize}`},n("div",{key:"1ef0b033eb87faddb0bc4be9ce57940bb42c3c58",class:"file_icon"},n("gb-file-type-icon",{key:"97566e5076a17cd3b546761f3575416f39c56ee8","file-style":this.icon==="outline"?"default":this.icon==="solid"?"solid":null,"file-type":this.fileType})),n("div",{key:"1c8b32044926eb1d38b7ca477f8763d26bb49f47",class:"error_content"},this.heightSize==="md"&&n(o,null,n("div",{key:"e75912cdb96e2026d843865899eb1af0a38f68d8",class:"error_content_text"},n("p",{key:"374f5032ef401cc5cac793948c7267214516a5a8",class:`file_type_text ${this.state} text-sm-medium`},this.fileName,".",this.fileType),n("p",{key:"469ea9179083c89dc5a0675a9f07b190c8c8f72a",class:`file_size_text ${this.state} text-sm-regular`},"Upload failed, please try again")),n("div",{key:"c75df51a076af13b96403662eb75660d310cde40",class:"try_again_btn"},n("gb-button",{key:"07b02b85829a17c1f447d07b84bf539a18944587",size:"sm",hierarchy:"link_color",icon:"default",destructive:true},n("p",{key:"ed46554c02e2599369385695cb25aa96d41d963e"},"Try again"))),n("gb-button",{key:"591e50340f3f63d771743f86853196fae851199a",size:"sm",hierarchy:"tertiary_gray",icon:"only",destructive:true,"icon-leading":true,"icon-leading-swap":"assets/delete-02.svg",class:"delete_button",onClick:()=>this.deleteFileUpload.emit()})),this.heightSize==="lg"&&n(o,null,n("p",{key:"cb5239d6c6225f4ac19a51d37836d9c7419fda1e",class:`file_type_text ${this.state} text-sm-medium`},this.fileName,".",this.fileType),n("p",{key:"4505f95b7f873c1453de1055d5f134fc61e514ef",class:`file_size_text ${this.state} text-sm-regular`},this.fileSize,"KB – ",`${this.progress}`,"% uploaded"),n("div",{key:"33c5e89a9539994697507706d56e02a46577cf3f",class:"btns"},n("gb-button",{key:"c3f8bbf4bed212347f024f87c2424b62a9e74f00",size:"sm",hierarchy:"tertiary_gray",icon:"default",destructive:true,"icon-leading":true,"icon-leading-swap":"assets/delete-02.svg",onClick:()=>this.deleteFileUpload.emit()},n("p",{key:"4f9463817b8b5ab31b1f4c8f4e7aa958b0f7e43b"},"Clear")),n("div",{key:"b2cf613e4868f8552277cca1a0a9686d62cd5485",class:"btn"},n("gb-button",{key:"48d5027280e97eab7eef45e22d18a2d3ad0e03e5",size:"sm",hierarchy:"link_color",icon:l.Default,destructive:true,class:"btn"},n("p",{key:"5095a294d76d54264f4442c93080c8024060915c"},"Try again"))))))))}};T.style=G;const P='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.horizontal_tab_div{\r\n display: flex;\r\n justify-content: space-between;\r\n height: fit-content;\r\n gap: var(--spacing-4);\r\n}\r\n\r\n/ Tab Type Styles /\r\n.horizontal_tab_div.underline,\r\n.horizontal_tab_div.underline_filled{\r\n box-shadow: inset 0 -1px 0 0 var(--color-border-subtle, #CDD5DF);\r\n width: 100%;\r\n}\r\n\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border{\r\n padding: var(--spacing-1);\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.horizontal_tab_div.button_white_border{\r\n border-radius: var(--rounded-sm);\r\n}\r\n\r\n\r\n.horizontal_tab_div.rounded_button_white_border{\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n/ Full Width Styles /\r\n.horizontal_tab_div.full_width{\r\n justify-content: space-between;\r\n}\r\n\r\n.horizontal_tab_div.button_primary,\r\n.horizontal_tab_div.button_gray,\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border{\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.tab_button_base.full_width{\r\n display: flex;\r\n justify-content: center;\r\n flex-grow: 1;\r\n}';const j=class{constructor(n){r(this,n);this.tabItemClicked=t(this,"tabItemClicked");this.fullWidth=false;this.badge=false;this.firstTabName="";this.secondTabName="";this.thirdTabName="";this.fourthTabName="";this.fifthTabName="";this.sixthTabName="";this.seventhTabName="";this.eighthTabName="";this.ninthTabName="";this.tenthTabName="";this.eleventhTabName="";this.twelfthTabName="";this.thirteenthTabName="";this.fourteenthTabName="";this.fifteenthTabName="";this.sixteenthTabName="";this.seventeenthTabName="";this.eighteenthTabName="";this.nineteenthTabName="";this.twentiethTabName="";this.firstTabCount="";this.secondTabCount="";this.thirdTabCount="";this.fourthTabCount="";this.fifthTabCount="";this.sixthTabCount="";this.seventhTabCount="";this.eighthTabCount="";this.ninthTabCount="";this.tenthTabCount="";this.eleventhTabCount="";this.twelfthTabCount="";this.thirteenthTabCount="";this.fourteenthTabCount="";this.fifteenthTabCount="";this.sixtenthTabCount="";this.seventeenthTabCount="";this.eighteenthTabCount="";this.nineteenthTabCount="";this.twentiethTabCount=""}async handleTabClick(r){this.activeIndex=r;this.tabItemClicked.emit(r)}render(){return n("div",{key:"a39e2f89fa4732186de33f2430e34afa58a134be",class:`horizontal_tab_div ${this.type} ${this.fullWidth?"full_width":""}`},n("gb-tab-button-base",{key:"d4fa7eadcebdb61af31d84d57c2e4c8368cdf350",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(0),current:this.activeIndex===0,"tab-name":this.firstTabName,badge:this.badge,alignment:"horizontal"},n("p",{key:"88ea6bd73ddb8c79ea88ea0f408566b95edf85ca",slot:"count"},this.firstTabCount)),n("gb-tab-button-base",{key:"9fd7675a2b05700bf7c79cc226a283c95316ddf4",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(1),current:this.activeIndex===1,"tab-name":this.secondTabName,alignment:"horizontal"},n("p",{key:"87824686a8dbca4edaa6a3198b1f0350d3416f7e",slot:"count"},this.secondTabCount)),this.thirdTabName&&n("gb-tab-button-base",{key:"9a93aea7a0a3345b142d015bdb4edf7f32153251",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(2),current:this.activeIndex===2,"tab-name":this.thirdTabName,alignment:"horizontal"},n("p",{key:"1db52cf1e10598eacc7ec4d61084fb30a9344fef",slot:"count"},this.thirdTabCount)),this.fourthTabName&&n("gb-tab-button-base",{key:"2a33a93e575a7d9b405f194cf2843415424e5901",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(3),current:this.activeIndex===3,"tab-name":this.fourthTabName,alignment:"horizontal"},n("p",{key:"0bdeb62070e1d6c4cbe677ee72d48cfd0361049d",slot:"count"},this.fourthTabCount)),this.fifthTabName&&n("gb-tab-button-base",{key:"4d709c82eba4db990615a7bdbf4c73cba1abbcef",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(4),current:this.activeIndex===4,"tab-name":this.fifthTabName,alignment:"horizontal"},n("p",{key:"18a278df3971210e1b800b42053f65ab9472e5c9",slot:"count"},this.fifthTabCount)),this.sixthTabName&&n("gb-tab-button-base",{key:"b015dd29df79accc654fcebe56572674e3019bc9",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(5),current:this.activeIndex===5,"tab-name":this.sixthTabName,alignment:"horizontal"},n("p",{key:"a9ec77c306c81517682dee626ec12cfe708922b9",slot:"count"},this.sixthTabCount)),this.seventhTabName&&n("gb-tab-button-base",{key:"ac5e865d27cdf51d86fbdd22e828a6767259fa7f",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(6),current:this.activeIndex===6,"tab-name":this.seventhTabName,alignment:"horizontal"},n("p",{key:"06ca5c7ac0c893229684fc582c5c1facc2061249",slot:"count"},this.seventhTabCount)),this.eighthTabName&&n("gb-tab-button-base",{key:"75bb030daff308d8317461deaf7466bc01eac062",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(7),current:this.activeIndex===7,"tab-name":this.eighthTabName,alignment:"horizontal"},n("p",{key:"726e794e624570b73b13065f574cce0d32ed6ec3",slot:"count"},this.eighthTabCount)),this.ninthTabName&&n("gb-tab-button-base",{key:"5121baa56fb07f0bd6fe185c2710dbdd0e1a0b64",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(8),current:this.activeIndex===8,"tab-name":this.ninthTabName,alignment:"horizontal"},n("p",{key:"a2a6b0b05e2ee8168bb53401e99fb174924a9ef3",slot:"count"},this.ninthTabCount)),this.tenthTabName&&n("gb-tab-button-base",{key:"07e0d9d63c111d6598d85039c64ae0aa1d8e8fc5",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(9),current:this.activeIndex===9,"tab-name":this.tenthTabName,alignment:"horizontal"},n("p",{key:"0a12cb47cc1555e72c448e0ec1e3fb068015d49c",slot:"count"},this.tenthTabCount)),this.eleventhTabName&&n("gb-tab-button-base",{key:"d6f78f5d0693c4f6622028a3a8d5218a6b648642",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(10),current:this.activeIndex===10,"tab-name":this.eleventhTabName,alignment:"horizontal"},n("p",{key:"20a5d5fd301f913ed2e438bfb94f46e71175255f",slot:"count"},this.eleventhTabCount)),this.twelfthTabName&&n("gb-tab-button-base",{key:"0c9deaa4a86a02a6bbed7f39e8733895652ae374",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(11),current:this.activeIndex===11,"tab-name":this.twelfthTabName,alignment:"horizontal"},n("p",{key:"8b7651e656126f3ffb84711bc65f7940241039e3",slot:"count"},this.twelfthTabCount)),this.thirteenthTabName&&n("gb-tab-button-base",{key:"80b6db3b00f5f1a91a8bf3caf3df502e0facb9ea",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(12),current:this.activeIndex===12,"tab-name":this.thirteenthTabName,alignment:"horizontal"},n("p",{key:"12993aaa665e7700b52d11a7d5b91e8ea621801f",slot:"count"},this.thirteenthTabCount)),this.fourteenthTabName&&n("gb-tab-button-base",{key:"7abb4ff28e19cff8a292e3e2797aeed0c203c3d9",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(13),current:this.activeIndex===13,"tab-name":this.fourteenthTabName,alignment:"horizontal"},n("p",{key:"93dea58bd4f86b22520497f21284ee092957226d",slot:"count"},this.fourteenthTabCount)),this.fifteenthTabName&&n("gb-tab-button-base",{key:"fcb05e76bf60a06c17e531c38e53610adf415039",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(14),current:this.activeIndex===14,"tab-name":this.fifteenthTabName,alignment:"horizontal"},n("p",{key:"ece4e44fa6a204ca8fe9828cdc0b1672dfa91010",slot:"count"},this.fifteenthTabCount)),this.sixteenthTabName&&n("gb-tab-button-base",{key:"136c327f40cfa7509bb6120681b84e6d8982fd57",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(15),current:this.activeIndex===15,"tab-name":this.sixteenthTabName,alignment:"horizontal"},n("p",{key:"0d2eb030b81f7cf34f406922327c1f12f1a988ce",slot:"count"},this.sixtenthTabCount)),this.seventeenthTabName&&n("gb-tab-button-base",{key:"620bf0716826cd2784c09a3811fdb3886a219ddc",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(16),current:this.activeIndex===16,"tab-name":this.seventeenthTabName,alignment:"horizontal"},n("p",{key:"27f1a5c4e8ad84cae4c84cc409e2a5bf1242b10e",slot:"count"},this.seventeenthTabCount)),this.eighteenthTabName&&n("gb-tab-button-base",{key:"9e9134934b4fdd286ce708c36b4a11d8048852ae",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(17),current:this.activeIndex===17,"tab-name":this.eighteenthTabName,alignment:"horizontal"},n("p",{key:"4672f031efa1009ceed90a3b65e12f5e4e1a322e",slot:"count"},this.eighteenthTabCount)),this.nineteenthTabName&&n("gb-tab-button-base",{key:"7f323f28eb38dd827573d85e7bf84ae99a515c9a",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(18),current:this.activeIndex===18,"tab-name":this.nineteenthTabName,alignment:"horizontal"},n("p",{key:"dd902f498d0526bd6a12f3375cb983ad67899992",slot:"count"},this.nineteenthTabCount)),this.twentiethTabName&&n("gb-tab-button-base",{key:"48c4eda5bd73d44e31744668748b1fc000884675",class:`tab_button_base ${this.fullWidth?"full_width":""}`,size:this.size,"full-width":this.fullWidth,type:this.type==="button_white_border"?"button_white":this.type==="rounded_button_white_border"?"rounded_button_white":this.type,onClick:()=>this.handleTabClick(19),current:this.activeIndex===19,"tab-name":this.twentiethTabName,alignment:"horizontal"},n("p",{key:"55b2442828508d1e5b00973333480942b61e4111",slot:"count"},this.twentiethTabCount)))}};j.style=P;const I='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host{\r\n display: block;\r\n width: 100%;\r\n}\r\n\r\n.progress_bar_container {\r\n background-color: transparent;\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n width: 100%;\r\n height: fit-content;\r\n position: relative;\r\n}\r\n\r\n.progress_bar {\r\n position: relative;\r\n height: 0.4rem;\r\n width: 100%;\r\n background: var(--color-border-subtler, #e3e8ef);\r\n border-radius: var(--rounded-xs);\r\n}\r\n\r\n.progress_fill {\r\n position: absolute;\r\n height: 100%;\r\n width: 0%;\r\n background: var(--color-border-selected, #075db2);\r\n border-radius: 15px;\r\n transition: width 0.5s ease-in-out;\r\n}\r\n\r\n.label {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\nspan {\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n/ Label Position Styles /\r\n.progress_bar_container.right {\r\n flex-direction: row;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.progress_bar_container.bottom,\r\n.progress_bar_container.bottom_floating {\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.progress_bar_container.top_floating {\r\n flex-direction: column-reverse;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.label.bottom {\r\n align-self: flex-end;\r\n}\r\n\r\n.label.top_floating {\r\n align-self: flex-start;\r\n}\r\n\r\n.top_tooltip {\r\n position: absolute;\r\n top: -2.2rem;\r\n}\r\n\r\n.bottom_tooltip {\r\n position: absolute;\r\n top: 1rem;\r\n}\r\n\r\n.text-sm-medium {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after {\r\n content: \'\';\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before {\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after {\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-semi-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after {\r\n content: \'\';\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before {\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after {\r\n margin-top: -0.416em;\r\n}\r\n';const q=class{constructor(n){r(this,n);this.showLabel=false}render(){const r=Math.min(Math.max(this.progress,0),100);return n("div",{key:"3d67d2d579b2f88d3ef46262349a082defa13cc2",class:`progress_bar_container ${this.labelPosition}`},n("div",{key:"706121c32715b329122e8680291a46528ecabf2f",class:"progress_bar"},n("div",{key:"13d10ff11558fd0c9cc1f1890cdfd53efaaa29cf",class:"progress_fill",style:{width:`${r}%`}})),n(o,null,this.showLabel&&n("div",{key:"716e94cbb2155f8faf50bfc41b27730d21f14d9e",class:`label ${this.labelPosition}`},this.labelPosition==="right"&&n("span",{key:"8ea75c94d6e6d26be7c13792f0f182c20affe51f",class:`text-sm-medium`},r,"%"),this.labelPosition==="bottom"&&n("span",{key:"5ee4e5131b86d8a6012ef69e4deda57545c28a8e",class:`text-sm-medium`},r,"%"),this.labelPosition==="top_floating"&&n("gb-tooltip",{key:"7cdf62637516a55d2686731f95ed553530d2a996",class:`top_tooltip`,arrow:"none",style:{marginLeft:`${(r-6.5).toString()}%`}},n("p",{key:"4b6c76663e332b327ef4e7cccef7bf789af26c41",slot:"main_text",class:"text-xs-semi-bold"},r,"%")),this.labelPosition==="bottom_floating"&&n("gb-tooltip",{key:"1b3beb73a4a16bd7b31b8d430d62cce4952a4767",class:`bottom_tooltip`,arrow:"none",style:{marginLeft:`${(r-59.5).toString()}%`}},n("p",{key:"dcbff9079f2824f2a778419a861a583621ce841e",slot:"main_text",class:"text-xs-semi-bold"},r,"%")))))}};q.style=I;const W='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.quick_action_div {\r\n display: inline-flex;\r\n padding: var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.75rem;\r\n border-radius: var(--rounded-md);\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n background: var(--color-background-card, #FFFFFF);\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n\r\n.quick_action_div:hover{\r\n background: var(--color-background-card-bold, #EEF2F6);\r\n}\r\n\r\n.label{\r\n color: var(--color-text, #4B5565);\r\n}';const N=class{constructor(n){r(this,n);this.icon="";this.label=""}render(){return n("div",{key:"d44ee291cb9e7ffdc9278de344e11142f7366a15",class:"quick_action_div"},n("gb-card-icon",{key:"d43db70ee112b8e0cd6e540b5540d5f4b86c9938",color:this.color,icon:this.icon}),n("p",{key:"11685b22a5c661273ae4d0eb1def02403e7c7b48",class:"label text-xs-medium"},this.label))}};N.style=W;const K='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.quick_action_icon_div {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.75rem;\r\n width: 100%;\r\n}\r\n\r\n.label {\r\n color: var(--color-text, #4b5565);\r\n}\r\n';const U=class{constructor(n){r(this,n);this.icon="";this.label="";this.isHovered=false}render(){return n("div",{key:"773d10051820b9e5cdc1f4d054ca61dd2ad6dece",class:"quick_action_icon_div",onMouseEnter:()=>this.isHovered=true,onMouseLeave:()=>this.isHovered=false},n("gb-card-icon",{key:"50135fd7269c0dec6c599c24ab4e639483f35761",color:this.isHovered?"cyan":"blue",icon:this.icon}),n("p",{key:"6ed7a707375030a91cb4eb5572b277c290c27b86",class:"label text-xs-medium"},this.label))}};U.style=K;const Y='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.online_icon{\r\n border: 1.5px solid var(--color-boarder-inverse, #FFFFFF);\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n/ Online Indicator States /\r\n.online_icon.offline{\r\n background-color: var(--color-background-gray, #CDD5DF);\r\n}\r\n\r\n.online_icon.online{\r\n background-color: var(--color-icon-success, #079455);\r\n}\r\n\r\n/ Online Indicator Sizes /\r\n.online_icon.xxs{\r\n width: 0.25rem;\r\n height: 0.25rem;\r\n}\r\n\r\n.online_icon.xs{\r\n width: 0.375rem;\r\n height: 0.375rem;\r\n}\r\n\r\n.online_icon.sm{\r\n width: var(--spacing-2);\r\n height: var(--spacing-2);\r\n}\r\n\r\n.online_icon.md{\r\n width: 0.625rem;\r\n height: 0.625rem;\r\n}\r\n\r\n.online_icon.lg{\r\n width: var(--spacing-3);\r\n height: var(--spacing-3);\r\n}\r\n\r\n.online_icon.xl{\r\n width: 0.875rem;\r\n height: 0.875rem;\r\n}\r\n\r\n.online_icon.xl2{\r\n width: var(--spacing-4);\r\n height: var(--spacing-4);\r\n}\r\n\r\n/ Verified Tick Sizes /\r\n.verified.xxs{\r\n width: 0.375rem;\r\n height: 0.375rem;\r\n}\r\n\r\n.verified.xs{\r\n width: 0.625rem;\r\n height: 0.625rem;\r\n}\r\n\r\n.verified.sm{\r\n width: var(--spacing-3);\r\n height: var(--spacing-3);\r\n}\r\n\r\n.verified.md{\r\n width: 0.875rem;\r\n height: 0.875rem;\r\n}\r\n\r\n.verified.lg{\r\n width: var(--spacing-4);\r\n height: var(--spacing-4);\r\n}\r\n\r\n.verified.xl{\r\n width: 1.125rem;\r\n height: 1.125rem;\r\n}\r\n\r\n.verified.xl2{\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n}\r\n\r\n.verified.xl3{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\n.verified.xl4{\r\n width: var(--spacing-7);\r\n height: var(--spacing-7);\r\n}\r\n\r\n.verified.profile_sm{\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n position: absolute;\r\n bottom: 0.15rem;\r\n right: 0.01rem;\r\n}\r\n\r\n.verified.profile_md{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n position: absolute;\r\n bottom: 0.25rem;\r\n right: 0.2rem;\r\n}\r\n\r\n.verified.profile_lg{\r\n width: var(--spacing-7);\r\n height: var(--spacing-7);\r\n position: absolute;\r\n bottom: 0.5rem;\r\n right: 0.2rem;\r\n}\r\n\r\n/ Company Icon Sizes /\r\n.company.xs{\r\n width: 0.25rem;\r\n height: 0.25rem;\r\n}\r\n\r\n.company.xs{\r\n width: 0.625rem;\r\n height: 0.625rem;\r\n}\r\n\r\n.company.sm{\r\n width: 0.75rem;\r\n height: var(--spacing-3);\r\n}\r\n\r\n.company.md{\r\n width: 0.875rem;\r\n height: 0.875rem;\r\n}\r\n\r\n.company.lg{\r\n width: 1rem;\r\n height: var(--spacing-4);\r\n}\r\n\r\n.company.xl{\r\n width: 1.125rem;\r\n height: 1.125rem;\r\n}\r\n\r\n.company.xl2{\r\n width: 1.25rem;\r\n height: var(--spacing-5);\r\n}';const O=class{constructor(n){r(this,n);this.statusIcon="";this.state=i.Offline;this.indicatorStateClass=this.state}render(){return[n("div",{key:"1095feddbff6f74f0984f69593f8175cce96519d"},this.statusIcon==="online_indicator"&&n("div",{key:"6281069b7e36f6cca23ad6a6ccdbcab8f7838479",class:`online_icon ${this.size} ${this.indicatorStateClass}`}),this.statusIcon==="verified"&&n("svg",{key:"333c5f4e2254953075b30f0c826526b792f851b6",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",class:`verified ${this.size}`},n("g",{key:"9330bb344e97e07b8109629540028897f83462aa","clip-path":"url(#clip0_0_21453)"},n("path",{key:"c0fe55b86ed889556d05633ddb46591c782dba0a",d:"M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z",fill:"#0086C9"}),n("path",{key:"ef6ede440cd795c22a9aae6d7b19dacd092de77d",d:"M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10",stroke:"white","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"})),n("defs",{key:"127268b2d0393ac3de5f3d2973cfa74fcf68e546"},n("clipPath",{key:"0ccca4828185f614a2cc08a7d4865b6505241850",id:"clip0_0_21453"},n("rect",{key:"c242c6358de18c2d292d10de4947f080e8253440",width:"32",height:"32",fill:"white"})))),this.statusIcon==="company"&&n("svg",{key:"113779aeb62075a84552d7db3c44b14d679f6ae8",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",class:`company ${this.size}`},n("path",{key:"b696072772842c62835d283dc842970d80a73e3b",d:"M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z",fill:"#FF0033",stroke:"white","stroke-width":"1.5"}),n("path",{key:"f18e1eec01309a4564bcf873e8ff6791209883ca","fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z",fill:"white"})))]}};O.style=Y;const J='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n/ :host{\r\n display: inline-block;\r\n} /\r\n\r\n/ Text Line Styles /\r\n.text_line_div {\r\n display: flex;\r\n width: 100%;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n}\r\n\r\n.text_line_div.sm {\r\n padding-top: var(--spacing-3);\r\n}\r\n\r\n.text_line_div.md {\r\n padding-top: var(--spacing-4);\r\n}\r\n\r\n.text_line_div.lg {\r\n padding-top: var(--spacing-5);\r\n}\r\n\r\n.bar {\r\n height: 0.25rem;\r\n}\r\n\r\n.bar.incomplete.default {\r\n background-color: var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.bar.current.default,\r\n.bar.complete.default {\r\n background-color: var(--color-border-selected, #075db2);\r\n}\r\n\r\n.bar.incomplete.destructive,\r\n.bar.current.destructive,\r\n.bar.complete.destructive {\r\n background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n.text_line_div_content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.text_line_label.default.incomplete,\r\n.text_line_label.default.complete {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.text_line_label.default.current,\r\n.text_line_text.default.current {\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.text_line_text.default.incomplete,\r\n.text_line_text.default.complete {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.text_line_label.incomplete.destructive,\r\n.text_line_label.current.destructive,\r\n.text_line_label.complete.destructive {\r\n color: var(--color-text-danger, #b51726);\r\n}\r\n\r\n.text_line_text.incomplete.destructive,\r\n.text_line_text.current.destructive,\r\n.text_line_text.complete.destructive {\r\n color: var(--color-text-danger-subtle, #cc1a2a);\r\n}\r\n\r\n/ Icon Only Styles /\r\n.icon_only_div {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.icon_only_div.sm {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.icon_only_div.md {\r\n width: 2rem;\r\n height: 2rem;\r\n}\r\n\r\n.icon_only_div.lg {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\n.icon_only_div.default.incomplete {\r\n background: var(--color-background-card, #ffffff);\r\n border: 2px solid #cdd5df;\r\n}\r\n\r\n.icon_only_div.default.current,\r\n.icon_only_div.default.complete {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n border: 2.5px solid var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.icon_only_div.incomplete.destructive,\r\n.icon_only_div.current.destructive,\r\n.icon_only_div.complete.destructive {\r\n background: var(--color-background-danger-subtlest, #fef1f2);\r\n border: 2.5px solid var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.dot {\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.dot.sm {\r\n width: 0.6rem;\r\n height: 0.6rem;\r\n}\r\n\r\n.dot.md {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n}\r\n\r\n.dot.lg {\r\n width: 0.9rem;\r\n height: 0.9rem;\r\n}\r\n\r\n.dot.default.incomplete {\r\n background: #cdd5df;\r\n}\r\n\r\n.dot.default.current {\r\n background: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.dot.incomplete.destructive,\r\n.dot.current.destructive {\r\n background: var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.tick.sm {\r\n width: 0.8rem;\r\n height: 0.8rem;\r\n}\r\n\r\n.tick.md {\r\n width: 1rem;\r\n height: 1rem;\r\n}\r\n\r\n.tick.lg {\r\n width: 1.2rem;\r\n height: 1.2rem;\r\n}\r\n\r\n.tick.destructive path {\r\n stroke: var(--color-icon-danger, #b51726);\r\n}\r\n\r\n/ Icon Left Styles /\r\n.icon_left_div {\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n\r\n.icon_left_div.sm {\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.icon_left_div.md,\r\n.icon_left_div.lg {\r\n gap: var(--spacing-4);\r\n}\r\n\r\n.icon_left_text {\r\n display: flex;\r\n padding: var(--spacing-2) var(--spacing-none) var(--spacing-7) var(--spacing-none);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-3);\r\n flex: 1 0 0;\r\n}\r\n\r\n.connector_wrap {\r\n display: flex;\r\n padding-bottom: 0.25rem;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.25rem;\r\n align-self: stretch;\r\n}\r\n\r\n.connector_div {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-grow: 1;\r\n}\r\n\r\n.icon_left_connector {\r\n width: var(--spacing-half); / Adjust the width as needed /\r\n height: 100%; / Adjust the height as needed /\r\n border-radius: 5px; / Half of the width to make it fully rounded /\r\n}\r\n\r\n.icon_left_connector.default.incomplete,\r\n.icon_left_connector.default.current {\r\n background-color: var(--color-border-subtler, #e3e8ef); / Change the color as needed /\r\n}\r\n\r\n.icon_left_connector.default.complete {\r\n background-color: var(--color-border-selected, #075db2);\r\n}\r\n\r\n.icon_left_connector.incomplete.destructive,\r\n.icon_left_connector.current.destructive,\r\n.icon_left_connector.complete.destructive {\r\n background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n/ Icon Top Styles /\r\n.step_icon {\r\n display: flex;\r\n gap: 0;\r\n}\r\n\r\n.icon_top_div,\r\n.icon_top_content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.icon_top_div.sm,\r\n.icon_top_content {\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.icon_top_div.md,\r\n.icon_top_div.lg {\r\n gap: var(--spacing-4);\r\n}\r\n\r\n.icon_top_connector {\r\n width: 21rem;\r\n height: 0.13rem;\r\n border-radius: 5px; / Half of the width to make it fully rounded /\r\n}\r\n\r\n.icon_top_connector.default.incomplete,\r\n.icon_top_connector.default.current {\r\n background-color: var(--color-border-subtler, #e3e8ef); / Change the color as needed /\r\n}\r\n\r\n.icon_top_connector.default.complete {\r\n background-color: var(--color-border-selected, #075db2);\r\n}\r\n\r\n.icon_top_connector.incomplete.destructive,\r\n.icon_top_connector.current.destructive,\r\n.icon_top_connector.complete.destructive {\r\n background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n/ Featured Icon Left Styles /\r\n.featured_icon_left_div {\r\n width: fit-content;\r\n display: flex;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.featured_icon_left_connector {\r\n width: 0.125rem; / Adjust the width as needed /\r\n min-height: 2rem;\r\n height: 100%; / Adjust the height as needed /\r\n border-radius: 5px; / Half of the width to make it fully rounded /\r\n background-color: var(--color-border-subtler, #e3e8ef); / Change the color as needed /\r\n}\r\n\r\n.featured_icon_left_connector.incomplete.destructive,\r\n.featured_icon_left_connector.current.destructive,\r\n.featured_icon_left_connector.complete.destructive {\r\n background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n.featured_icon_left_content {\r\n display: flex;\r\n padding: var(--spacing-2) var(--spacing-none) 1.5rem var(--spacing-none);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-3);\r\n flex: 1 0 0;\r\n}\r\n\r\n.featured_icon_left_label.default.incomplete,\r\n.featured_icon_left_label.default.current,\r\n.featured_icon_left_label.default.complete,\r\n.featured_icon_left_text.default.incomplete{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.featured_icon_left_text.default.current,\r\n.featured_icon_left_text.default.complete{\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.featured_icon_left_label.destructive.incomplete,\r\n.featured_icon_left_label.destructive.current,\r\n.featured_icon_left_label.destructive.complete{\r\n color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.featured_icon_left_text.destructive.incomplete,\r\n.featured_icon_left_text.destructive.current,\r\n.featured_icon_left_text.destructive.complete{\r\n color: var(--color-text-danger-subtle, #CC1A2A);\r\n}';const X=class{constructor(n){r(this,n);this.connector=false;this.showContent=false;this.showSupportingText=false;this.label="";this.supportingText=""}featuredIconLeftLabelClasses(){switch(this.size){case"sm":return"text-sm-semi-bold";case"md":return"text-md-semi-bold";case"lg":return"text-md-semi-bold"}}featuredIconLeftTextClasses(){switch(this.size){case"sm":return"text-xs-regular";case"md":return"text-sm-regular";case"lg":return"text-md-regular"}}render(){return n(o,null,this.type==="text_line"&&n(o,null,n("div",{key:"b17cca98ad38bde019cfa229087bddec021f591a",class:`bar ${this.size} ${this.status} ${this.state}`}),this.showContent&&n("div",{key:"01bef2fa4bbceb7de4d5c497ede859e7b3290a96",class:`text_line_div ${this.size} ${this.status} ${this.state}`},n("div",{key:"d85ef3545c10bb040b065ab97a97a67da3c723f0",class:`text_line_div_content`},n("p",{key:"158ae3b21922568a23c218f0238dc165663edec1",class:`text_line_label text-sm-semi-bold ${this.status} ${this.state}`},this.label),this.showSupportingText&&n("p",{key:"f7271fc964c4b06e3a96174f2215768315cf7d90",class:`text_line_text text-xs-regular ${this.status} ${this.state}`},this.supportingText)))),this.type==="icon_only"&&n("div",{key:"1facee47286eced404667fc95e2e9e20908edd21",class:`icon_only_div ${this.status} ${this.state} ${this.size}`},this.status!=="complete"&&n("div",{key:"604f256d9fba0e7bd8aba3503f45dd66d3ed89ff",class:`dot ${this.status} ${this.state} ${this.size}`}),this.status==="complete"&&n("svg",{key:"15dcea85227d46043c315de7cc662c9cc10e776f",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",class:`tick ${this.status} ${this.state} ${this.size}`},n("path",{key:"46e4316d57f3f9d119f4186f535a3ebceeffbc33",d:"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1",stroke:"#075DB2","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),this.type==="icon_left"&&n("div",{key:"26191b783f84f7993ec2d88fe0fb886dc1f5f1b6",class:`icon_left_div ${this.size}`},n("div",{key:"acc2a5c9ce47750d3c57ecdc31c9a1517b527fc2",class:"connector_wrap"},n("div",{key:"0fd579b391c5ccaf745119456c7b4be421b4b73e",class:`icon_only_div ${this.status} ${this.state} ${this.size}`},this.status!=="complete"&&n("div",{key:"984b9f7dc148e7bdcb9c2b6f9e81cf836da0fbda",class:`dot ${this.status} ${this.state} ${this.size}`}),this.status==="complete"&&n("svg",{key:"40adf0066a4197d794f9861d81d34e51cd6850fe",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",class:`tick ${this.status} ${this.state} ${this.size}`},n("path",{key:"27fab92017e4b4b4877aab69a5a358f28960e01d",d:"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1",stroke:"#075DB2","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),this.connector&&n("div",{key:"9ace22023511187ce0a5f41f46aa4cf97101704c",class:"connector_div"},n("div",{key:"9f9e3b10daa6ac07396484722b3d1ff097d33701",class:`icon_left_connector ${this.state} ${this.status}`}))),n("div",{key:"b3f848d1be5d340b61d7c678a6c8e2d58f201e65",class:"icon_left_text"},n("p",{key:"37a0e82be01f6efb5dc52ee90e02e5f8ea4eb126",class:`text_line_label text-sm-semi-bold ${this.status} ${this.state}`},this.label),n("p",{key:"cf9d458cb945cb3ca77aa718c36755c4e96ddda1",class:`text_line_text text-xs-regular ${this.status} ${this.state}`},this.supportingText))),this.type==="icon_top"&&n("div",{key:"4914753759104a7796974a81e5e8d596321ed545",class:`icon_top_div ${this.size}`},n("div",{key:"a82b5c7efa3e1849ccee764a020d9cf6f84674cb",class:"step_icon"},n("div",{key:"53136beb33bcbbdd723b3ce17b91377096797083",class:`icon_only_div ${this.status} ${this.state} ${this.size}`},this.status!=="complete"&&n("div",{key:"ec527444d278c99cbec14599b1058996c57200e2",class:`dot ${this.status} ${this.state} ${this.size}`}),this.status==="complete"&&n("svg",{key:"ffe59b30db1eb2b6b1d6895c971a906055ec3411",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",class:`tick ${this.status} ${this.state} ${this.size}`},n("path",{key:"7d91833be9cf0ff2410195cf677081a75a5929dc",d:"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1",stroke:"#075DB2","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),this.connector&&n("div",{key:"662dd5423d96ef493a1ca9665002593c4a01a8b4",class:"connector_div"},n("div",{key:"f9171ba1458d1e7f6c4742377434ed56dcabca54",class:`icon_top_connector ${this.state} ${this.status}`}))),n("div",{key:"614fce39d24ffb9bc849624e98a38bef4764a0c4",class:"icon_top_content"},n("p",{key:"1ee7bca7096a711febc59ff89b160a9bf82808f3",class:`text_line_label text-sm-semi-bold ${this.status} ${this.state}`},this.label),n("p",{key:"a98ca175062d8eaf8b135dff5fea7647bb07c51f",class:`text_line_text text-xs-regular ${this.status} ${this.state}`},this.supportingText))),this.type==="featured_icon_left"&&n("div",{key:"575fee54257cefcc759c9fb04f392c3aae60bba2",class:"featured_icon_left_div"},n("div",{key:"02aec41e420b792d848773ca48ed40267518df72",class:"connector_wrap"},n("gb-featured-icon",{key:"ad75ca433efb45b156a24573749c11ca2c647498",size:this.size,icon:"assets/user.svg",destructive:this.state==="destructive"?true:false}),n("div",{key:"c7d60c602f35a6ada6dd0588f884e5854ddbed12",class:"connector_div"},n("div",{key:"bab1adf888b755376ff0ff2a2166b2daf236450a",class:`featured_icon_left_connector ${this.size} ${this.state} ${this.status}`}))),n("div",{key:"bb4b797eb7bac3cca2083e0c66e649f69bdbc2c7",class:"featured_icon_left_content"},n("p",{key:"be6ad7616a20e03986d46387978d95cee4c1377c",class:`featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}`},this.label),n("p",{key:"f4a362756f7b2bef990ff588cbf648b1227fc459",class:`featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}`},this.supportingText))))}};X.style=J;const Q=".vertical_stepper_div{width:100%}";const rr=class{constructor(n){r(this,n);this.connector=false;this.showSecondStep=false;this.showThirdStep=false;this.showFourthStep=false;this.showFifthStep=false;this.showSixthStep=false;this.showSeventhStep=false;this.firstStepLabel="";this.secondStepLabel="";this.thirdStepLabel="";this.fourthStepLabel="";this.fifthStepLabel="";this.sixthStepLabel="";this.seventhStepLabel="";this.firstStepSupportingText="";this.secondStepSupportingText="";this.thirdStepSupportingText="";this.fourthStepSupportingText="";this.fifthStepSupportingText="";this.sixthStepSupportingText="";this.seventhStepSupportingText=""}render(){const r=[{state:this.firstStepState,status:this.firstStepStatus,label:this.firstStepLabel,supportingText:this.firstStepSupportingText,show:true},{state:this.secondStepState,status:this.secondStepStatus,label:this.secondStepLabel,supportingText:this.secondStepSupportingText,show:this.showSecondStep},{state:this.thirdStepState,status:this.thirdStepStatus,label:this.thirdStepLabel,supportingText:this.thirdStepSupportingText,show:this.showThirdStep},{state:this.fourthStepState,status:this.fourthStepStatus,label:this.fourthStepLabel,supportingText:this.fourthStepSupportingText,show:this.showFourthStep},{state:this.fifthStepState,status:this.fifthStepStatus,label:this.fifthStepLabel,supportingText:this.fifthStepSupportingText,show:this.showFifthStep},{state:this.sixthStepState,status:this.sixthStepStatus,label:this.sixthStepLabel,supportingText:this.sixthStepSupportingText,show:this.showSixthStep},{state:this.seventhStepState,status:this.seventhStepStatus,label:this.seventhStepLabel,supportingText:this.seventhStepSupportingText,show:this.showSeventhStep}];const e=r.filter((r=>r.show));return n("div",{key:"11531420eff4b44e99c9963b1fc0e4e28bc00a98",class:"vertical_stepper_div"},this.type==="icon"&&n(o,null,e.map(((r,a)=>n("gb-step-base",{size:this.size,type:"icon_left",state:r.state,status:r.status,connector:a===e.length-1?false:this.connector,label:r.label,"supporting-text":r.supportingText})))))}};rr.style=Q;const nr='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host{\r\n display: flex;\r\n}\r\n\r\n.tab_button_div{\r\n display: flex;\r\n / align-self: stretch; /\r\n cursor: pointer;\r\n width: 100%;\r\n}\r\n\r\n.tab_button_div.horizontal{\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.tab_button_div.vertical{\r\n justify-content: flex-start;\r\n align-items: center;\r\n}\r\n\r\n.tab_text{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.button_primary,\r\n.tab_button_div.button_gray,\r\n.tab_button_div.button_white{\r\n display: inline-flex;\r\n border-radius: var(--rounded-xs);\r\n}\r\n\r\n.rounded_button_white{\r\n display: inline-flex;\r\n align-items: center;\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.underline,\r\n.underline_filled,\r\n.line{\r\n display: inline-flex;\r\n border-radius: var(--rounded-none);\r\n}\r\n\r\n/ Spacing Styles /\r\n.button_primary,\r\n.button_gray,\r\n.button_white,\r\n.rounded_button_white,\r\n.underline_filled,\r\n.line{\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.underline{\r\n gap: 0.5rem;\r\n}\r\n\r\n/ Tab Type Styles /\r\n.tab_button_div.button_primary,\r\n.tab_button_div.button_gray,\r\n.tab_button_div.button_white,\r\n.tab_button_div.rounded_button_white,\r\n.tab_button_div.underline_filled,\r\n.tab_button_div.line{\r\n background: transparent;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.button_white.current{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n/ Tab State Styles /\r\n.tab_button_div.button_primary:hover{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.button_primary:active{\r\n background: transparent;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.button_gray:hover,\r\n.tab_button_div.button_white:hover,\r\n.tab_button_div.rounded_button_white:hover{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.button_gray:active,\r\n.tab_button_div.button_white:active,\r\n.tab_button_div.rounded_button_white:active{\r\n background: transparent;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.underline:hover,\r\n.tab_button_div.underline_filled:hover{\r\n border-bottom: 1px solid var(--color-border-subtle, #CDD5DF);\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.underline:active,\r\n.tab_button_div.underline_filled:active{\r\n background: transparent;\r\n border: none;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.tab_button_div.line:hover{\r\n border-radius: var(--rounded-xs);\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.tab_button_div.line:active{\r\n border-radius: var(--rounded-none);\r\n background: transparent;\r\n}\r\n\r\n.tab_button_div.button_primary.current:hover{\r\n background: var(--color-background-information-subtler, #C8E0F9);\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.tab_button_div.button_primary.current:active{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.button_gray.current:hover,\r\n.tab_button_div.button_white.current:hover,\r\n.tab_button_div.rounded_button_white.current:hover{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.button_gray.current:active{\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.button_white.current:active,\r\n.tab_button_div.rounded_button_white.current:active{\r\n background: var(--color-background-card, #FFFFFF);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.underline.current:hover{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-information, #064E94);\r\n border-color: var(--color-border-information, #064E94);\r\n}\r\n\r\n.tab_button_div.underline.current:active{\r\n background: transparent;\r\n color: var(--color-text-selected, #075DB2);\r\n border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.underline_filled.current:hover{\r\n background: var(--color-background-information-subtler, #C8E0F9);\r\n color: var(--color-text-information, #064E94);\r\n border-color: var(--color-border-information, #064E94);\r\n}\r\n\r\n.tab_button_div.underline_filled.current:active{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-selected, #075DB2);\r\n border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.line.current:hover{\r\n border-radius: var(--rounded-xs);\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-information, #064E94);\r\n border-color: var(--color-border-information, #064E94);\r\n}\r\n\r\n.tab_button_div.line.current:active{\r\n border-radius: var(--rounded-none);\r\n background: transparent;\r\n color: var(--color-text-selected, #075DB2);\r\n border-left: 2px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n/ Tab Current Styles /\r\n.tab_button_div.button_primary.current{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.button_gray.current{\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.button_white.current,\r\n.tab_button_div.rounded_button_white.current{\r\n background: var(--color-background-card, #FFFFFF);\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.tab_button_div.underline.current{\r\n background: transparent;\r\n color: var(--color-text-selected, #075DB2);\r\n border-bottom: 2px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.underline_filled.current{\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n color: var(--color-text-selected, #075DB2);\r\n border-bottom: 2px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.tab_button_div.line.current{\r\n background: transparent;\r\n color: var(--color-text-selected, #075DB2);\r\n border-left: 2px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n/ Tab Size Styles /\r\n.button_primary.sm,\r\n.button_gray.sm,\r\n.button_white.sm,\r\n.rounded_button_white.sm,\r\n.underline.sm{\r\n height: 2.375rem;\r\n padding: var(--spacing-none) var(--spacing-4);\r\n}\r\n\r\n.underline_filled.sm,\r\n.line.sm{\r\n height: 2.375rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.button_primary.md,\r\n.button_gray.md,\r\n.button_white.md,\r\n.rounded_button_white.md,\r\n.underline.md,\r\n.underline_filled.md,\r\n.line.md{\r\n height: 2.75rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.button_primary.full_width.sm,\r\n.button_gray.full_width.sm,\r\n.button_white.full_width.sm,\r\n.rounded_button_white.full_width.sm{\r\n width: 100%;\r\n height: 2.375rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.underline.full_width.sm,\r\n.underline_filled.full_width.sm{\r\n width: 100%;\r\n height: 2.375rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.button_primary.full_width.md,\r\n.button_gray.full_width.md,\r\n.button_white.full_width.md,\r\n.rounded_button_white.full_width.md{\r\n width: 100%;\r\n height: 2.25rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}\r\n\r\n.underline.full_width.md,\r\n.underline_filled.full_width.md{\r\n width: 100%;\r\n height: 2.25rem;\r\n padding: var(--spacing-none) var(--spacing-3);\r\n}';const er=class{constructor(n){r(this,n);this.tabClicked=t(this,"tabClicked");this.current=false;this.fullWidth=false;this.badge=false;this.tabName=""}getTextClasses(){switch(this.size){case"sm":return"text-sm-medium";case"md":return"text-md-medium"}}getCurrentTextClasses(){switch(this.size){case"sm":return"text-sm-semi-bold";case"md":return"text-md-semi-bold"}}getCountTextClasses(){switch(this.size){case"sm":return"text-xs-medium";case"md":return"text-sm-medium"}}componentDidLoad(){const r=this.el.querySelector('[slot="count"]');if(r){r.classList.add(this.getCountTextClasses())}}handleClick(){this.tabClicked.emit()}render(){return n("div",{key:"bfe437bc7d7929329e52fad0ba5615eaf518793f",class:`tab_button_div ${this.type}\n ${this.current?"current":""} \n ${this.fullWidth?"full_width":""} \n ${this.size}\n ${this.alignment}`,onClick:()=>this.handleClick()},n("p",{key:"d279bf31c3c069a2c6b2b6f01c7ae45301a068f1",class:`${!this.current?"tab_text":""} ${this.current?this.getCurrentTextClasses():this.getTextClasses()}`},this.tabName),this.badge&&n("gb-badge",{key:"9f8fc8eee8ab5dac8731927f4a215fe3ca210d21",size:"sm",type:"pill_color",color:this.current&&this.type==="button_primary"?"information":this.current&&this.type==="underline"?"information":this.current&&this.type==="line"?"information":"gray"},n("slot",{key:"c470d2ddff7f51437d9eed5da1294edc24a015e7",name:"count"})))}get el(){return e(this)}};er.style=nr;const ar='/ @import \'tailwind.css\'; /\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n / gray color palette /\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 20% opacity /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n / blue color palette /\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n / Purple color palete /\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n / pink color palette /\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n / --------------Link color--------------- /\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/ -----------------Gradients----------------- /\r\n:root{\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root{\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root{\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; / Continue from here */\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n:host{\r\n display: block;\r\n}\r\n\r\n.tooltip_container {\r\n position: relative;\r\n}\r\n \r\n.tooltip {\r\n position: absolute;\r\n background-color: var(--color-surface-bold, #FCFCFC);\r\n border: 0.5px solid var(--color-border-subtler, #E3E8EF);\r\n border-radius: var(--rounded-sm);\r\n box-shadow: var(--shadow-sm);\r\n padding: var(--spacing-3);\r\n z-index: 100;\r\n}\r\n\r\n.tooltip_content{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n \r\n}\r\n \r\n.arrow {\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n position: absolute;\r\n}\r\n\r\n.arrow::before {\r\n content: \'\';\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n}\r\n \r\n.arrow.bottom_center {\r\n top: 100%;\r\n left: 50%;\r\n border-width: 7.5px 7.5px 0 7.5px;\r\n border-color: var(--color-border-subtler, #E3E8EF) transparent transparent transparent;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.arrow.bottom_center::before {\r\n left: -0.39rem;\r\n bottom: 0.1rem;\r\n border-width: 0 9.6px 9.6px 9.6px;\r\n transform: translateY(-50%) rotate(135deg);\r\n border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;\r\n}\r\n \r\n.arrow.left {\r\n top: 50%;\r\n right: 100%;\r\n border-width: 6px 0 6px 6px;\r\n border-color: transparent transparent transparent var(--color-border-subtler, #E3E8EF);\r\n transform: translateY(-50%) rotate(180deg);\r\n}\r\n\r\n.arrow.left::before {\r\n left: -8px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n border-width: 7.5px 0 7.5px 7.5px;\r\n border-color: transparent transparent transparent var(--color-surface-bold, #FCFCFC);\r\n}\r\n\r\n.arrow.bottom_left {\r\n top: 100%;\r\n left: 20%;\r\n border-width: 7.5px 7.5px 0 7.5px;\r\n border-color: var(--color-border-subtler, #E3E8EF) transparent transparent transparent;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.arrow.bottom_left::before {\r\n left: -0.39rem;\r\n bottom: 0.1rem;\r\n border-width: 0 9.6px 9.6px 9.6px;\r\n transform: translateY(-50%) rotate(135deg);\r\n border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;\r\n}\r\n \r\n.arrow.right {\r\n top: 50%;\r\n left: 100%;\r\n border-width: 7px 7px 7px 0;\r\n border-color: transparent var(--color-border-subtler, #E3E8EF) transparent transparent;\r\n transform: translateY(-50%) rotate(-180deg);\r\n}\r\n\r\n.arrow.right::before {\r\n left: 0.5px;\r\n top: 50%;\r\n border-width: 6.5px 6.5px 6.5px 0;\r\n transform: translateY(-50%) rotate(0deg);\r\n border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;\r\n}\r\n\r\n.arrow.bottom_right {\r\n top: 100%;\r\n right: 5%;\r\n border-width: 7.5px 7.5px 0 7.5px;\r\n border-color: var(--color-border-subtler, #E3E8EF) transparent transparent transparent;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.arrow.bottom_right::before {\r\n left: -0.39rem;\r\n bottom: 0.1rem;\r\n border-width: 0 9.6px 9.6px 9.6px;\r\n transform: translateY(-50%) rotate(135deg);\r\n border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;\r\n}\r\n \r\n.arrow.top_center {\r\n bottom: 100%;\r\n right: 45%;\r\n border-width: 0 7.5px 7.5px 7.5px;\r\n border-color: transparent transparent var(--color-border-subtler, #E3E8EF) transparent;\r\n}\r\n\r\n.arrow.top_center::before {\r\n left: -12.8px;\r\n bottom: -20.25px;\r\n border-width: 0 9.5px 9.5px 9.5px;\r\n transform: translateY(-50%) rotate(-45deg);\r\n border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;\r\n}\r\n\r\n::slotted([slot="label"]){\r\n white-space: nowrap;\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot="supporting_text"]){\r\n white-space: wrap;\r\n color: var(--color-text-subtle, #697586);\r\n margin-top: 5rem;\r\n min-width: fit-content;\r\n max-width: 18.5rem;\r\n}';const tr=class{constructor(n){r(this,n);this.showArrow=false;this.arrow="bottom_center";this.showSupportingText=false}componentDidLoad(){const r=this.el.querySelector('[slot="label"]');const n=this.el.querySelector('[slot="supporting_text"]');if(r){r.classList.add("text-xs-semi-bold")}if(n){n.classList.add("text-xs-regular")}}getArrowClass(){return this.showArrow?`arrow ${this.arrow}`:""}render(){return n("div",{key:"4771d3b568ddd32cfd51acca164d9ca17cab863d",class:"tooltip_container"},n("div",{key:"850a15b94bc7f46653d40169f769cda7e8fa807c",class:"tooltip"},this.showArrow&&n("div",{key:"6bba9e2ebdcf42482b454315f887d1717d3475b6",class:this.getArrowClass()}),n("div",{key:"c944d04d12b0b623b5b6aafdc4201a3737a28868",class:"tooltip_content"},n("slot",{key:"63662653af81e0474c270afd3704115093250e40",name:"label"}),this.showSupportingText&&n("slot",{key:"bc5ea7305dae1d94e710334116883a5d41fc2e44",name:"supporting_text"}))))}get el(){return e(this)}};tr.style=ar;export{s as gb_avatar,c as gb_avatar_contrast_inner_border,h as gb_badge,v as gb_badge_close,f as gb_breadcrumb_button_base,x as gb_breadcrumbs,w as gb_btn,B as gb_button,F as gb_button_close,_ as gb_card_icon,L as gb_comment,H as gb_comment_item,M as gb_featured_icon,Z as gb_file_type_icon,$ as gb_file_upload,T as gb_file_upload_item_base,j as gb_horizontal_tabs,q as gb_progress_bar,N as gb_quick_action_card,U as gb_quick_action_icon,O as gb_status_indicator,X as gb_step_base,rr as gb_stepper_vertical_icons_with_text,er as gb_tab_button_base,tr as gb_tooltip};
2	+ //# sourceMappingURL=p-fed2c1e0.entry.js.map