npm - globuswebcomponents - Versions diffs - 2.6.19 → 2.6.21 - Mend

globuswebcomponents 2.6.19 → 2.6.21

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 (414) hide show

package/dist/esm/gb-action-panel_76.entry.js CHANGED Viewed

@@ -3919,7 +3919,7 @@ if (typeof window !== "undefined") {
     window.flatpickr = flatpickr;
 }
-const gbDatePickerCss = ".date-picker-wrapper{position:relative;display:flex;align-items:center;border:1px solid var(--color-border-input, #cdd5df);border-radius:var(--radius-md, 0.5rem);padding:0.5rem 0.75rem;background-color:var(--color-background-card, #ffffff);transition:border-color 0.2s ease;gap:var(--spacing-2)}.date-picker-wrapper:focus-within{border:1.3px solid var(--color-border-selected, #075db2)}.date-picker-wrapper.is-disabled{opacity:0.5;pointer-events:none}.date-picker-wrapper input{border:none;outline:none;width:100%;background:transparent;font-size:var(--Font-Size-T-sm, 0.875rem);font-style:normal;font-weight:var(--Font-Weight-Medium, 500);line-height:var(--Font-Line-height-T-sm, 1.5rem);letter-spacing:var(--Font-Letter-spacing-T-sm, 0);color:var(--color-text, #4b5565);text-overflow:ellipsis}.inner_container{width:100%;display:flex;align-items:center;gap:var(--spacing-2)}.calendar-container{width:fit-content;position:absolute;z-index:9}.calendar-container.left{top:105%;left:0}.calendar-container.right{top:105%;right:0}:host ::part(flatpickr-calendar){background:var(--color-background-card, #fff);border:1px solid var(--color-border-subtle, #cdd5df)}.flatpickr-calendar *,input{font-family:var(--font-family-body)}.flatpickr-calendar{background:var(--color-background-card, #fff);border:1px solid var(--color-border-subtle, #cdd5df);box-shadow:var(--shadow-md);border-radius:var(--radius-md, 0.5rem);z-index:1000;padding:var(--spacing-3);white-space:normal !important;overflow:visible}.calendar-container.hidden{display:none}.flatpickr-calendar.calendar_shown{display:block}.flatpickr-weekdaycontainer{display:flex;padding:var(--spacing-2) 0}.flatpickr-weekday{color:var(--color-text, #4b5565)}.flatpickr-day{width:2.5rem;height:2.5rem;cursor:pointer}.flatpickr-day.selected{border-radius:1.25rem;background:var(--color-background-selected, #075db2);color:var(--color-background-card, #ffffff)}.flatpickr-months{display:flex;width:100%;justify-content:space-between}.flatpickr-current-month{display:flex;flex:1;gap:var(--spacing-2)}.flatpickr-month{display:flex;align-items:center}.flatpickr-prev-month svg,.flatpickr-next-month svg{width:20px;height:20px}.flatpickr-days{width:17.5rem;box-sizing:border-box;padding:0}.flatpickr-days .dayContainer{display:flex !important;flex-wrap:wrap !important;width:100%;box-sizing:border-box;align-items:stretch}.flatpickr-days .dayContainer .flatpickr-day{flex:0 0 calc(100% / 7) !important;max-width:calc(100% / 7);box-sizing:border-box;text-align:center;display:flex;align-items:center;justify-content:center;white-space:normal !important;padding:0.35rem 0;}.flatpickr-weekdays .flatpickr-weekday{flex:0 0 calc(100% / 7);max-width:calc(100% / 7);box-sizing:border-box;text-align:center}.flatpickr-weekday{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.flatpickr-day{font-family:var(--Font-Family-Body, Sora);font-size:var(--Font-Size-T-sm, 0.875rem);font-style:normal;font-weight:var(--Font-Weight-Regular, 400);line-height:var(--Font-Line-height-T-sm, 1.5rem);letter-spacing:var(--Font-Letter-spacing-T-sm, 0);color:var(--color-text, #4b5565)}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:var(--color-text-disabled, #808c9e)}.flatpickr-day.inRange{background:var(--color-background-gray-subtlest, #f6f8fa);border-radius:0;box-shadow:none}.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--color-background-selected, #075db2);color:var(--color-background-card, #ffffff);border-radius:50%;}.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange{border-radius:50%}.flatpickr-day.flatpickr-disabled,.flatpickr-day.notAllowed{background:none}.flatpickr-day.startRange{border-top-left-radius:50px;border-bottom-left-radius:50px}.flatpickr-day.inRange+.flatpickr-day.endRange{border-top-right-radius:50px;border-bottom-right-radius:50px}.flatpickr-day.today{position:relative;font-weight:500}.flatpickr-day.today::after{content:'';position:absolute;bottom:0.35rem;left:50%;transform:translateX(-50%);width:0.3rem;height:0.3rem;background-color:var(--color-icon-selected, #075db2);border-radius:50%}.calendar_arrow{display:flex;width:2.5rem;height:2.5rem;padding:var(--spacing-2);justify-content:center;align-items:center;gap:var(--spacing-none);cursor:pointer;background-color:transparent;border-radius:var(--rounded-sm)}.calendar_arrow:hover{background-color:var(--color-background-gray-subtler, #eef2f6)}.calendar_arrow:active{background-color:var(--color-background-gray-subtle, #e3e8ef)}.flatpickr-current-month select.flatpickr-monthDropdown-months,.flatpickr-current-month select.flatpickr-yearDropdown-years{border:1px solid var(--color-border-input, #cdd5df);border-radius:6px;color:var(--color-text, #4b5565);padding:4px 8px;background-color:var(--color-background-card, #ffffff);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;outline:none;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.flatpickr-current-month select.flatpickr-yearDropdown-years{background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class=\"calendar_arrow\"><path d=\"M7.50004 5C7.50004 5 12.5 8.68244 12.5 10C12.5 11.3176 7.5 15 7.5 15\" stroke=\"var(--color-icon, #4B5565)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:24px;}.flatpickr-current-month .numInputWrapper{display:inline-flex;align-items:center;width:fit-content;border:1px solid var(--color-border-input, #cdd5df);border-radius:6px;transition:all 0.2s ease-in-out}.flatpickr-current-month .numInputWrapper:focus-within{border:1.3px solid var(--color-border-selected, #075db2)}.flatpickr-current-month input.cur-year{border:none;background:transparent;width:3rem;text-align:center;appearance:textfield;color:var(--color-text, #4b5565);outline:none;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.flatpickr-current-month input.cur-year::-webkit-outer-spin-button,.flatpickr-current-month input.cur-year::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.flatpickr-current-month input.cur-year[type='number']{-moz-appearance:textfield}";
+const gbDatePickerCss = "/* @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  /* gray color palette  */\r\n  --gray-25: #f9fafb;\r\n  --gray-50: #f6f8fa;\r\n  --gray-100: #eef2f6;\r\n  --gray-200: #e3e8ef;\r\n  --gray-300: #cdd5df;\r\n  --gray-400: #808c9e;\r\n  --gray-500: #697586;\r\n  --gray-600: #4b5565;\r\n  --gray-700: #364152;\r\n  --gray-800: #202939;\r\n  --gray-900: #121926;\r\n  --gray-950: #0d121c;\r\n\r\n  /* brand dark blue color palette */\r\n  --brandDarkBlue-25: #f9f9fb;\r\n  --brandDarkBlue-50: #edeef3;\r\n  --brandDarkBlue-100: #d3d5e0;\r\n  --brandDarkBlue-200: #b5b9cc;\r\n  --brandDarkBlue-300: #9095b2;\r\n  --brandDarkBlue-400: #464f7f;\r\n  --brandDarkBlue-500: #212c65;\r\n  --brandDarkBlue-600: #1e285c;\r\n  --brandDarkBlue-700: #1c2554;\r\n  --brandDarkBlue-800: #161d43;\r\n  --brandDarkBlue-900: #0b0f22;\r\n  --brandDarkBlue-950: #070914;\r\n\r\n  /* brand red color palette */\r\n  --brandRed-25: #fffbfa;\r\n  --brandRed-50: #fef1f2;\r\n  --brandRed-100: #fde3e5;\r\n  --brandRed-200: #f9b4ba;\r\n  --brandRed-300: #f68e98;\r\n  --brandRed-400: #f36976;\r\n  --brandRed-500: #e21b2e;\r\n  --brandRed-600: #cc1a2a;\r\n  --brandRed-700: #b51726;\r\n  --brandRed-800: #8c121d;\r\n  --brandRed-900: #680d16;\r\n  --brandRed-950: #3f080d;\r\n\r\n  /* warning color palette */\r\n  --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  /* 0% opacity */\r\n  /* White */\r\n  --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n  /* Gray */\r\n  --gray25-opacity0: rgba(249, 250, 251, 0);\r\n  --gray900-opacity0: rgba(18, 25, 38, 0);\r\n  --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n  /* 20% opacity */\r\n  /* White */\r\n  --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n  /* Dark Blue */\r\n  --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n  --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n  /* Gray */\r\n  --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n  --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n  --gray950-opacity20: rgba(13, 18, 28, 0.2);\r\n\r\n  /* 30% opacity */\r\n  --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n  --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n  /* 40% opacity */\r\n  --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n  --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n  /* 50% opacity */\r\n  /* White */\r\n  --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n  /* Gray */\r\n  --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n  --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n  --gray950-opacity50: rgba(13, 18, 28, 0.5);\r\n\r\n  /* ------------------------------------------Secondary Color------------------------------------------- */\r\n  /* blueLight color palete */\r\n  --lightBlue-25: #f5fbff;\r\n  --lightBlue-50: #f0f9ff;\r\n  --lightBlue-100: #e0f2fe;\r\n  --lightBlue-200: #b9e6fe;\r\n  --lightBlue-300: #7cd4fd;\r\n  --lightBlue-400: #7cd4fd;\r\n  --lightBlue-500: #0ba5ec;\r\n  --lightBlue-600: #0086c9;\r\n  --lightBlue-700: #026aa2;\r\n  --lightBlue-800: #065986;\r\n  --lightBlue-900: #0b4a6f;\r\n  --lightBlue-950: #062c41;\r\n\r\n  /* blue color palette */\r\n  --blue-25: #ecf5fe;\r\n  --blue-50: #e4f0fc;\r\n  --blue-100: #c8e0f9;\r\n  --blue-200: #9ac7f4;\r\n  --blue-300: #6aa9e7;\r\n  --blue-400: #378fe6;\r\n  --blue-500: #075db2;\r\n  --blue-600: #064e94;\r\n  --blue-700: #053e77;\r\n  --blue-800: #042f59;\r\n  --blue-900: #022445;\r\n  --blue-950: #021d37;\r\n\r\n  /* Purple color palete */\r\n  --purple-25: #fafaff;\r\n  --purple-50: #f4f3ff;\r\n  --purple-100: #ebe9fe;\r\n  --purple-200: #d9d6fe;\r\n  --purple-300: #bdb4fe;\r\n  --purple-400: #9b8afb;\r\n  --purple-500: #7a5af8;\r\n  --purple-600: #6938ef;\r\n  --purple-700: #5925dc;\r\n  --purple-800: #4a1fb8;\r\n  --purple-900: #3e1c96;\r\n  --purple-950: #27115f;\r\n\r\n  /* pink color palette */\r\n  --pink-25: #fef6fb;\r\n  --pink-50: #fdf2fa;\r\n  --pink-100: #fce7f6;\r\n  --pink-200: #fcceee;\r\n  --pink-300: #faa7e0;\r\n  --pink-400: #f670c7;\r\n  --pink-500: #ee46bc;\r\n  --pink-600: #dd2590;\r\n  --pink-700: #c11574;\r\n  --pink-800: #9e165f;\r\n  --pink-900: #851651;\r\n  --pink-950: #4e0d30;\r\n\r\n  /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n  /* -----------Text Color----------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-text-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-inverse: var(--base-black);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-subtle: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-subtle: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-bold: var(--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  [data-theme='dark'] {\r\n    --color-text-warning: var(--warning-300);\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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-subtle: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-subtle: var(--blue-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-subtle: var(--purple-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-subtle: var(--purple-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-subtle: var(--pink-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-subtle: var(--pink-400);\r\n  }\r\n\r\n  /* --------------Link color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-link: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-visited: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-visited: var(--lightBlue-300);\r\n  }\r\n\r\n  /* --------------Icon color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink: var(--pink-300);\r\n  }\r\n\r\n  /* ----------------Border Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-border-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtle: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtler: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-disabled: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-input: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-input: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-focus: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-focus: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  /* Emmanuel Kadiri starts from background color */\r\n\r\n  /* ----------------Background Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card-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-btn-disabled: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-btn-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-hover: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-hover: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtle: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtler: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtlest: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtlest: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtlest: var(--brandRed-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtlest: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-bold: var(--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  /* ----------------Blanket Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-blanket: var(--darkBlue500-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket: var(--darkBlue200-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n  }\r\n\r\n  /* ----------------Skeleton Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-skeleton: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton: var(--gray-800);\r\n  }\r\n\r\n    [data-theme='light'] {\r\n    --color-skeleton-bold: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton-bold: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Surface Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-bold: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-hovered: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-hovered: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-pressed: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-pressed: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Transparent Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-transparent50: var(--white-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent50: var(--gray900-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent20: var(--white-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent20: var(--gray900-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent-full: var(--white-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent-full: var(--gray900-opacity0);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent-full: var(--gray950-opacity0);\r\n  }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root {\r\n  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\r\n  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n  --blur-sm: blur(4px);\r\n  --blur-md: blur(8px);\r\n  --blur-lg: blur(12px);\r\n  --blur-xl: blur(20px);\r\n}\r\n\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/* -----------------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: 2rem;\r\n  --font-line-height-t-lg: 1.875rem;\r\n  --font-line-height-t-md: 1.688rem;\r\n  --font-line-height-t-sm: 1.5rem;\r\n  --font-line-height-t-xs: 1.25rem;\r\n  --font-line-height-t-xxs: 1.125rem;\r\n\r\n  /* Letter Spacings */\r\n  --font-letter-spacing-d-2xl: -0.09rem;\r\n  --font-letter-spacing-d-xl: -0.075rem;\r\n  --font-letter-spacing-d-lg: -0.075rem;\r\n  --font-letter-spacing-d-md: -0.045rem;\r\n  --font-letter-spacing-d-sm: 0;\r\n  --font-letter-spacing-d-xs: 0;\r\n  --font-letter-spacing-d-xxs: 0;\r\n\r\n  /* Font Families */\r\n  --font-family-title: 'Sora';\r\n  --font-family-body: 'Sora';\r\n}\r\n\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/* Button slot styles */\r\n/* .slotted_button_text.primary {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n  color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n  color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n  color: var(--color-text-danger, #b51726) !important;\r\n} */\r\n\r\n.date_picker_container{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-1);\r\n  width: 100%;\r\n}\r\n\r\n.date_picker_label{\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.date-picker-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid var(--color-border-input, #cdd5df);\r\n  border-radius: var(--radius-md, 0.5rem);\r\n  padding: 0.5rem 0.75rem;\r\n  background-color: var(--color-background-card, #ffffff);\r\n  transition: border-color 0.2s ease;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.date-picker-wrapper:focus-within {\r\n  border: 1.3px solid var(--color-border-selected, #075db2);\r\n}\r\n\r\n.date-picker-wrapper.is-disabled {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}\r\n\r\n.date-picker-wrapper input {\r\n  border: none;\r\n  outline: none;\r\n  width: 100%;\r\n  background: transparent;\r\n  font-size: var(--Font-Size-T-sm, 0.875rem);\r\n  font-style: normal;\r\n  font-weight: var(--Font-Weight-Medium, 500);\r\n  line-height: var(--Font-Line-height-T-sm, 1.5rem); /* 171.429% */\r\n  letter-spacing: var(--Font-Letter-spacing-T-sm, 0);\r\n  color: var(--color-text, #4b5565);\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.inner_container {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.calendar-container {\r\n  width: fit-content;\r\n  position: absolute;\r\n  z-index: 9;\r\n}\r\n\r\n.calendar-container.left {\r\n  top: 105%;\r\n  left: 0;\r\n}\r\n\r\n.calendar-container.right {\r\n  top: 105%;\r\n  right: 0;\r\n}\r\n\r\n/* Flatpickr Overrides */\r\n:host ::part(flatpickr-calendar) {\r\n  background: var(--color-background-card, #fff);\r\n  border: 1px solid var(--color-border-subtle, #cdd5df);\r\n}\r\n\r\n.flatpickr-calendar *,\r\ninput {\r\n  font-family: var(--font-family-body);\r\n}\r\n\r\n.flatpickr-calendar {\r\n  background: var(--color-background-card, #fff);\r\n  border: 1px solid var(--color-border-subtle, #cdd5df);\r\n  box-shadow: var(--shadow-md);\r\n  border-radius: var(--radius-md, 0.5rem);\r\n  z-index: 1000;\r\n  padding: var(--spacing-3);\r\n  white-space: normal !important;\r\n  overflow: visible;\r\n}\r\n\r\n.calendar-container.hidden {\r\n  display: none;\r\n}\r\n\r\n.flatpickr-calendar.calendar_shown {\r\n  display: block;\r\n}\r\n\r\n.flatpickr-weekdaycontainer {\r\n  display: flex;\r\n  padding: var(--spacing-2) 0;\r\n}\r\n\r\n.flatpickr-weekday {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.flatpickr-day {\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  cursor: pointer;\r\n}\r\n\r\n.flatpickr-day.selected {\r\n  border-radius: 1.25rem;\r\n  background: var(--color-background-selected, #075db2);\r\n  color: var(--color-background-card, #ffffff);\r\n}\r\n\r\n.flatpickr-months {\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n}\r\n\r\n.flatpickr-current-month {\r\n  display: flex;\r\n  flex: 1;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.flatpickr-month {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.flatpickr-prev-month svg,\r\n.flatpickr-next-month svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n.flatpickr-days {\r\n  width: 17.5rem; /* whatever width you need */\r\n  box-sizing: border-box;\r\n  padding: 0;\r\n}\r\n\r\n.flatpickr-days .dayContainer {\r\n  display: flex !important;\r\n  flex-wrap: wrap !important;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  align-items: stretch;\r\n}\r\n\r\n/* make each day share 7 columns and center its content */\r\n.flatpickr-days .dayContainer .flatpickr-day {\r\n  flex: 0 0 calc(100% / 7) !important; /* 7 columns */\r\n  max-width: calc(100% / 7);\r\n  box-sizing: border-box;\r\n  text-align: center;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  white-space: normal !important;\r\n  padding: 0.35rem 0; /* adjust spacing */\r\n}\r\n\r\n/* make weekday headers align with the columns */\r\n.flatpickr-weekdays .flatpickr-weekday {\r\n  flex: 0 0 calc(100% / 7);\r\n  max-width: calc(100% / 7);\r\n  box-sizing: border-box;\r\n  text-align: center;\r\n}\r\n\r\n.flatpickr-weekday {\r\n  font-size: 0.875rem;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 1.25rem;\r\n}\r\n\r\n.flatpickr-day {\r\n  font-family: var(--Font-Family-Body, Sora);\r\n  font-size: var(--Font-Size-T-sm, 0.875rem);\r\n  font-style: normal;\r\n  font-weight: var(--Font-Weight-Regular, 400);\r\n  line-height: var(--Font-Line-height-T-sm, 1.5rem); /* 171.429% */\r\n  letter-spacing: var(--Font-Letter-spacing-T-sm, 0);\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.flatpickr-day.prevMonthDay,\r\n.flatpickr-day.nextMonthDay {\r\n  color: var(--color-text-disabled, #808c9e);\r\n}\r\n\r\n/* Highlight background between start and end */\r\n.flatpickr-day.inRange {\r\n  background: var(--color-background-gray-subtlest, #f6f8fa); /* light gray */\r\n  border-radius: 0; /* remove default round shape */\r\n  box-shadow: none;\r\n}\r\n\r\n/* Start and end bubbles */\r\n.flatpickr-day.startRange,\r\n.flatpickr-day.endRange {\r\n  background: var(--color-background-selected, #075db2);\r\n  color: var(--color-background-card, #ffffff);\r\n  border-radius: 50%; /* make circles */\r\n}\r\n\r\n/* Connect rounded ends for smooth “pill” shape */\r\n.flatpickr-day.startRange.inRange,\r\n.flatpickr-day.endRange.inRange {\r\n  border-radius: 50%;\r\n}\r\n\r\n/* Ensure spacing looks continuous */\r\n.flatpickr-day.flatpickr-disabled,\r\n.flatpickr-day.notAllowed {\r\n  background: none;\r\n}\r\n\r\n.flatpickr-day.startRange {\r\n  border-top-left-radius: 50px;\r\n  border-bottom-left-radius: 50px;\r\n}\r\n\r\n.flatpickr-day.inRange + .flatpickr-day.endRange {\r\n  border-top-right-radius: 50px;\r\n  border-bottom-right-radius: 50px;\r\n}\r\n\r\n.flatpickr-day.today {\r\n  position: relative;\r\n  font-weight: 500;\r\n}\r\n\r\n/* Add a small dot below today's number */\r\n.flatpickr-day.today::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0.35rem; /* adjust vertical placement */\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 0.3rem;\r\n  height: 0.3rem;\r\n  background-color: var(--color-icon-selected, #075db2); /* dot color */\r\n  border-radius: 50%;\r\n}\r\n\r\n.calendar_arrow {\r\n  display: flex;\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  padding: var(--spacing-2);\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: var(--spacing-none);\r\n  cursor: pointer;\r\n  background-color: transparent;\r\n  border-radius: var(--rounded-sm);\r\n}\r\n\r\n.calendar_arrow:hover {\r\n  background-color: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.calendar_arrow:active {\r\n  background-color: var(--color-background-gray-subtle, #e3e8ef);\r\n}\r\n\r\n/* Styling the month dropdown */\r\n.flatpickr-current-month select.flatpickr-monthDropdown-months,\r\n.flatpickr-current-month select.flatpickr-yearDropdown-years {\r\n  border: 1px solid var(--color-border-input, #cdd5df);\r\n  border-radius: 6px;\r\n  color: var(--color-text, #4b5565);\r\n  padding: 4px 8px;\r\n  background-color: var(--color-background-card, #ffffff);\r\n  appearance: none; /* hides browser default arrow */\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  cursor: pointer;\r\n  outline: none;\r\n  font-size: 0.875rem;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 1.25rem;\r\n}\r\n\r\n/* Optional: add custom arrow */\r\n.flatpickr-current-month select.flatpickr-yearDropdown-years {\r\n  background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class=\"calendar_arrow\"><path d=\"M7.50004 5C7.50004 5 12.5 8.68244 12.5 10C12.5 11.3176 7.5 15 7.5 15\" stroke=\"var(--color-icon, #4B5565)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');\r\n  background-repeat: no-repeat;\r\n  background-position: right 8px center;\r\n  background-size: 16px;\r\n  padding-right: 24px; /* space for the arrow */\r\n}\r\n\r\n/* Styling the year input */\r\n/* Year input container */\r\n.flatpickr-current-month .numInputWrapper {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  border: 1px solid var(--color-border-input, #cdd5df);\r\n  border-radius: 6px;\r\n  transition: all 0.2s ease-in-out;\r\n}\r\n\r\n/* .flatpickr-current-month .numInputWrapper:hover {\r\n  background-color: #f3f4f6;\r\n  border-color: #9ca3af;\r\n} */\r\n\r\n.flatpickr-current-month .numInputWrapper:focus-within {\r\n  /* background-color: #fff; */\r\n  border: 1.3px solid var(--color-border-selected, #075db2);\r\n}\r\n\r\n/* Year input field */\r\n.flatpickr-current-month input.cur-year {\r\n  border: none;\r\n  background: transparent;\r\n  width: 3rem;\r\n  text-align: center;\r\n  appearance: textfield;\r\n  color: var(--color-text, #4b5565);\r\n  outline: none;\r\n  font-size: 0.875rem;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 1.25rem;\r\n}\r\n\r\n/* Remove default number spinner arrows */\r\n.flatpickr-current-month input.cur-year::-webkit-outer-spin-button,\r\n.flatpickr-current-month input.cur-year::-webkit-inner-spin-button {\r\n  -webkit-appearance: none;\r\n  margin: 0;\r\n}\r\n\r\n.flatpickr-current-month input.cur-year[type='number'] {\r\n  -moz-appearance: textfield;\r\n}\r\n";
 const GbDatePicker = class {
     constructor(hostRef) {
@@ -3931,6 +3931,8 @@ const GbDatePicker = class {
         this.disabled = false;
         this.iconPosition = 'left';
         this.dropdownAlignment = 'left';
+        this.label = '';
+        this.formatLabel = true;
         this.isCalendarShown = false;
     }
     componentDidLoad() {
@@ -4041,9 +4043,9 @@ const GbDatePicker = class {
         }
     }
     render() {
-        return (h("div", { key: 'ed3463be560ff2da61887159f8683c090fe327cb', class: "date-picker-wrapper" }, h("div", { key: '116bf51193deb3bc9d2bb595a94bf7f3686e5633', class: "inner_container", onClick: () => {
+        return (h("div", { key: '9c159cc21716c49258aa2c9a81b49aa34e45795d', class: "date_picker_container" }, this.label && (h(Fragment, null, this.formatLabel ? (h("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "date_picker_label text-sm-medium" }, this.label)))), h("div", { key: '051ed4f20b139f55e88bd2ddae70bd326dcdb1ea', class: "date-picker-wrapper" }, h("div", { key: '07f90f1133314b0b66eaa36303ac14764b16e614', class: "inner_container", onClick: () => {
                 this.toggleCalendar();
-            } }, this.iconPosition === 'left' && (h("svg", { key: '3c4d9ea1948b3c468e2ca06c4462793844a84834', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b984027c3dd1bc3e2b1df8a6c968890d08677a95', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), h("input", { key: '8b262c07fa95dc08bb86b7dedcefb3c799f84b2b', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.value }), this.iconPosition === 'right' && (h("svg", { key: '013e4ee6fb60525fa39507ebd8408a03bf792fcc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '3e2290a97b37cb49bc20cbbd4a9c690aa46244c8', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: 'e2bef88c25c6f90ac7e843a53c72a2177ba20733', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` })));
+            } }, this.iconPosition === 'left' && (h("svg", { key: '45be960e28416710524e66c7953822c7682722a7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e091e44838cb1bc17aa09310933c6406d3dc5675', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), h("input", { key: '255d20dd49eaba5083974215641dcc53ee54ade1', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.value }), this.iconPosition === 'right' && (h("svg", { key: 'b68db4ea32e7526d781d1e9f468d5674b1465dd0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ad47bf419e1480218e19e4ff0e4dd14ea2c05bc4', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: '95c2a604c75d13a3eca1d0f033ca03e3a7923384', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
     }
     get el() { return getElement(this); }
 };
@@ -4081,7 +4083,7 @@ const GbDropdownShortcut = class {
         this.loadIcon(this.iconSrc);
     }
     render() {
-        return (h("div", { key: '9bbe2e44e41cf4053c43717f3753f0e6fdb8b314', class: "shortcut-container" }, h("div", { key: '27f38af7e0d1ac3a92b84571fc258c138a208e5c', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (h("div", { key: '20458074683a3522bdc3ebc3b260e702528adf0d', class: "icon_div" }, h("div", { key: '0c87c608b991ac1c3fe48a4da00370309b9b9c6c', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && h("gb-checkbox", { key: '257d10d150c23dc6770708d22033285296c41435', class: "checkbox", size: "sm", type: "checkbox", state: StateEnum.Default }), h("span", { key: 'b6fdc45a3d3a26ec3f59084e3c1e9108d7a5a6c6', class: "label_div" }, h("p", { key: 'a5bb565473a51be2bbc4b7538c025dd6d2001f4f', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (h("span", { key: '093534872a9cb1c4d875f293b38e6b972921eb56', class: "shortcut-icon" }, h("slot", { key: '28672768be8598b7cb47b7b2837b77afbc2c2e14' }, this.shortcutIcon))))));
+        return (h("div", { key: '3fd113c964a905335f36e71408647bcce0370276', class: "shortcut-container" }, h("div", { key: 'da0eda39c7f88c85ce26a73916bcb2fcd5a13c2c', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (h("div", { key: '79382d69dd57132cfe497377c4eed28e2c2378e2', class: "icon_div" }, h("div", { key: 'b040e5938e4c4f173a060427604a8bf2bbea4532', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && h("gb-checkbox", { key: '27ac1e87e02e34b88e576b967c19766f276903a5', class: "checkbox", size: "sm", type: "checkbox", state: StateEnum.Default }), h("span", { key: 'cc545ea3701a1ad9b53af1e0a65c705d342bad8d', class: "label_div" }, h("p", { key: '9687389b56da6d4c71fa10a01a4fb294974e96eb', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (h("span", { key: '034c2f3f67e0d5ec3d376ca3cfca1de1faf4fa41', class: "shortcut-icon" }, h("slot", { key: '69188e749fa5c7e2200a144362570cb5ce784abb' }, this.shortcutIcon))))));
     }
     get el() { return getElement(this); }
 };
@@ -4140,7 +4142,7 @@ const GbEmptyState = class {
         }
     }
     render() {
-        return (h("div", { key: 'eac3fd2778506fb51652241398a6ce5adfe2452a', class: "overall_container" }, h("div", { key: '3907152bc4a52e9ce43eba10a8fc9396f24c49fd', class: `empty_state_wrapper ${this.size}` }, this.background && h("gb-pattern", { key: this.patternKey, type: this.backgroundType, theme: this.theme, class: `pattern` }), h("div", { key: '2bc376ac6582a6079eba4bf39a36ab93d07ac707', class: `top ${this.size}` }, this.icon === 'featured_icon' && h("gb-featured-icon", { key: '4fa212cc3f3db2ac4abe68f64a302be8852490d9', size: "lg", icon: this.featuredIconSwap }), this.icon === 'illustration' && (h("gb-illustration", { key: '1b2c179ef96e043020bac2d21e6d9b5415224f14', size: this.size, color: this.color, "illustration-style": this.illustrationStyle, "illustration-icon": this.illustrationIcon })), this.icon === 'file_type_icon' && (h("div", { key: 'c78d056561be559c1d8a4c3a59d1b04b3449fa78', class: "file_type_icon_div" }, h("gb-file-type-icon", { key: '78eb0991b96723b7ae52b45495bf489d34bb629a', "file-style": this.fileStyle, "file-type": this.fileType }))), h("div", { key: '4907a1036c9e90bdf42acc8550251367da120c26', class: "text_wrapper" }, h("p", { key: '59815645e39eadd388e05de36b9c179c6ec7bd5a', class: "heading text-md-semi-bold" }, this.mainText), h("p", { key: '8e033e39f61dbf012b720f9fb21435701142fcfe', class: "supporting_text text-sm-regular" }, this.supportingText))), h("div", { key: '40baacd858b9430e4394968fcc51c4ed543c1f27', class: "actions" }, this.secondaryButtonText && (h("div", { key: 'cc23c0eeb3b0a850be833019c67edb86986c8c1f', class: "btn" }, h("gb-button", { key: 'c845a85cdd31b3b21474baa16b6c5cc40dd9005f', size: "lg", hierarchy: "secondary_gray", icon: "default", onClick: () => this.onSecondaryButtonClicked() }, h("p", { key: 'fbc7274e7ae41091bc1420ab8139faa8ed7926d5' }, this.secondaryButtonText)))), this.primaryButtonText && (h("div", { key: 'ec35613455023c35c564f545aec73d5bf252666a', class: "btn" }, h("gb-button", { key: 'a511b67c497da537eca4bc8b929efd2220c14cf4', size: "lg", state: this.primaryButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.primaryButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.primaryButtonIconLeadingSwap, onClick: () => this.onPrimaryButtonClicked() }, h("p", { key: 'efd872a4ce91212f46ade51d28cdd5faea791526' }, this.primaryButtonText))))))));
+        return (h("div", { key: '36eb38e1d6078dba0ae9deb1fc3e5617cd43685c', class: "overall_container" }, h("div", { key: '0f9192cfdd8aeb30fd3dadf617e20e3d7dc26a70', class: `empty_state_wrapper ${this.size}` }, this.background && h("gb-pattern", { key: this.patternKey, type: this.backgroundType, theme: this.theme, class: `pattern` }), h("div", { key: '44eea00a9a2bd6e16447709fd21b7151cf90f63c', class: `top ${this.size}` }, this.icon === 'featured_icon' && h("gb-featured-icon", { key: 'c85347f55c19c5a25736df0cd8a2829de81e82d9', size: "lg", icon: this.featuredIconSwap }), this.icon === 'illustration' && (h("gb-illustration", { key: '38f0df8967c1e1f06c0922a41796a8463900e8ad', size: this.size, color: this.color, "illustration-style": this.illustrationStyle, "illustration-icon": this.illustrationIcon })), this.icon === 'file_type_icon' && (h("div", { key: '6e7dca255d3859721449ad86cf9e25af17eebdf8', class: "file_type_icon_div" }, h("gb-file-type-icon", { key: 'ae1b821a213128a6c0ef16efd96a56fe1dcc3149', "file-style": this.fileStyle, "file-type": this.fileType }))), h("div", { key: '7850a4b20f33685086671239f5cd28bd4d05e21f', class: "text_wrapper" }, h("p", { key: '5fbc3f7ff6ee97d9dc3e0c2812581ab9dc909c52', class: "heading text-md-semi-bold" }, this.mainText), h("p", { key: '6bb921438e2122960e65f3aa2a67971d26dccc3e', class: "supporting_text text-sm-regular" }, this.supportingText))), h("div", { key: '4b2de94588b482a452efa7072760acfda8668429', class: "actions" }, this.secondaryButtonText && (h("div", { key: 'bb54daad0ebd49c89030187df96f22a8ed52f473', class: "btn" }, h("gb-button", { key: '4256213130acc119f72201c38f4c9e7fd9c3213a', size: "lg", hierarchy: "secondary_gray", icon: "default", onClick: () => this.onSecondaryButtonClicked() }, h("p", { key: 'd43b4f1f4d3ab20526e85c8ce602fa81a67acd74' }, this.secondaryButtonText)))), this.primaryButtonText && (h("div", { key: 'fb1430a0d6d3b4512a8941bc1398421a63990abd', class: "btn" }, h("gb-button", { key: '7c1d1a8d0280659284ef05e4760a6b8f1a9a6f54', size: "lg", state: this.primaryButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.primaryButtonIconLeadingSwap ? true : false, "icon-leading-swap": this.primaryButtonIconLeadingSwap, onClick: () => this.onPrimaryButtonClicked() }, h("p", { key: '0addc93622162a4b19deca6807c957327f758d88' }, this.primaryButtonText))))))));
     }
     static get watchers() { return {
         "theme": ["onThemeChanged"]
@@ -4165,15 +4167,15 @@ const GbExportDropdown = class {
         // console.log({ exportType, dataType });
     }
     render() {
-        return (h(Fragment, null, h("div", { key: '2de5cff9f64fac860cbc167f14b033a2518206bc', class: `export_dropdown` }, h("gb-export-dropdown-item", { key: 'd4c353989056396cf221df61d178c4f39cf2f967', type: "pdf", state: this.pdfState, onMouseOver: () => {
+        return (h(Fragment, null, h("div", { key: '1efbd76cc312c87497814991a449290bc9553930', class: `export_dropdown` }, h("gb-export-dropdown-item", { key: '6fe95427835dcd3270c42bfa5177403d74085ffe', type: "pdf", state: this.pdfState, onMouseOver: () => {
                 if (this.pdfState === StateEnum.Default) {
                     this.showFirstSubDropdown = true;
                 }
-            }, onMouseOut: () => (this.showFirstSubDropdown = false) }), h("gb-export-dropdown-item", { key: 'f6ac049294fb420e07f5e4b383e348a57c62e176', type: "csv", state: this.csvState, onMouseOver: () => {
+            }, onMouseOut: () => (this.showFirstSubDropdown = false) }), h("gb-export-dropdown-item", { key: 'd3c991cb1a28321524b009e041a66d8695b9df1e', type: "csv", state: this.csvState, onMouseOver: () => {
                 if (this.csvState === StateEnum.Default) {
                     this.showSecondSubDropdown = true;
                 }
-            }, onMouseOut: () => (this.showSecondSubDropdown = false) })), this.showFirstSubDropdown && (h("gb-export-sub-dropdown", { key: '9054f0460d84bae1b418dc2debe904c0b7ada7b3', class: `first_dropdown`, "show-entire-data": this.showEntireData, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }, h("p", { key: 'd330a695666aa1f9b344a710ebb21605afd1e49e', slot: "label_one", onClick: () => this.onExportClicked('pdf', 'entire_data') }, "Entire Data"), h("p", { key: '62dfa7569945a5ba37ca0ffe5f2a203ebc148f66', slot: "label_two", onClick: () => this.onExportClicked('pdf', 'data_on_view') }, "Data on view"), h("p", { key: 'e27782fa7e1b1e99225f3618c49eab03593982f3', slot: "label_three", onClick: () => this.onExportClicked('pdf', 'filtered_data') }, "Filtered Data"))), this.showSecondSubDropdown && (h("gb-export-sub-dropdown", { key: '2068200a60b84c4862980c545bbb5fa0760a623a', class: `second_dropdown`, "show-entire-data": this.showEntireData, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) }, h("p", { key: '779c72dceffc7812bb70557e440d187b3fa58246', slot: "label_one", onClick: () => this.onExportClicked('csv', 'entire_data') }, "Entire Data"), h("p", { key: 'cd3b9172c28da1f7f9033ac1fb801fbb17c80649', slot: "label_two", onClick: () => this.onExportClicked('csv', 'data_on_view') }, "Data on view"), h("p", { key: 'e4f735c9c60dc197cde13931a91898083e1e791d', slot: "label_three", onClick: () => this.onExportClicked('csv', 'filtered_data') }, "Filtered Data")))));
+            }, onMouseOut: () => (this.showSecondSubDropdown = false) })), this.showFirstSubDropdown && (h("gb-export-sub-dropdown", { key: '104ed0847cb4311aadb1fc0b1ca6e7372f98d755', class: `first_dropdown`, "show-entire-data": this.showEntireData, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }, h("p", { key: '09f9f9de70ab68f3caa229e65f8718f249d38610', slot: "label_one", onClick: () => this.onExportClicked('pdf', 'entire_data') }, "Entire Data"), h("p", { key: 'f7e630b80089e299bd5cf102277feaeaabab5a76', slot: "label_two", onClick: () => this.onExportClicked('pdf', 'data_on_view') }, "Data on view"), h("p", { key: '11b65172f88aebb600ff2d02657423b4ecd50d27', slot: "label_three", onClick: () => this.onExportClicked('pdf', 'filtered_data') }, "Filtered Data"))), this.showSecondSubDropdown && (h("gb-export-sub-dropdown", { key: 'be27a14c858c0a1a2b549001ff6806a42b2895e3', class: `second_dropdown`, "show-entire-data": this.showEntireData, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) }, h("p", { key: '9b022a2d5f4e2f3f0f529a31961f7ec97cfb3eb1', slot: "label_one", onClick: () => this.onExportClicked('csv', 'entire_data') }, "Entire Data"), h("p", { key: 'a109ad6cb1da5d6f0dc8947d9e2fd19e27ead54c', slot: "label_two", onClick: () => this.onExportClicked('csv', 'data_on_view') }, "Data on view"), h("p", { key: '0865d4d751b8abe482ca39788b5e38cbaf9236d3', slot: "label_three", onClick: () => this.onExportClicked('csv', 'filtered_data') }, "Filtered Data")))));
     }
     get el() { return getElement(this); }
 };
@@ -4188,7 +4190,7 @@ const GbExportDropdownItem = class {
         this.state = StateEnum.Default;
     }
     render() {
-        return (h("div", { key: '3156e5113bc723bd5141978e0225d74a46323b6f', class: `export_container ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: '53366021748d69b51ccbef9a4e6d4ffad6e837b0', class: `content ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: 'fa27d5bc05b5c81bf5c65609d7581fdf331090f1', class: `wrapper` }, h("div", { key: '0528c1764fd3a3762bf05717729cb1e52572e727', class: `container` }, h("div", { key: '89969d13dd144435838da90ec034dff9749d285b', class: `icon` }, this.type === 'pdf' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `pdf_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { opacity: "0.4", d: "M2.50117 9.15797C2.78483 8.46126 4.09165 7.08156 7.08171 7.08156C7.33288 7.08156 7.99177 6.82886 7.95767 5.45969C7.94376 4.22219 8.39482 1.77401 10.2871 1.66843C10.662 1.66663 11.0697 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V14.1666C16.6667 14.9411 16.6667 15.3283 16.6026 15.6503C16.3396 16.9726 15.3059 18.0062 13.9836 18.2692C13.6616 18.3333 13.2744 18.3333 12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 9.79565 2.5 9.46547 2.50117 9.15797Z", fill: "var(--color-icon-brandRed, #E21B2E)" }), h("path", { d: "M5.83333 15V12.9166M5.83333 12.9166V11.6666C5.83333 11.2738 5.83333 11.0774 5.96147 10.9553C6.08961 10.8333 6.29585 10.8333 6.70833 10.8333H7.29167C7.89573 10.8333 8.38542 11.2997 8.38542 11.875C8.38542 12.4503 7.89573 12.9166 7.29167 12.9166H5.83333ZM17.5 10.8333H16.4062C15.7188 10.8333 15.3751 10.8333 15.1615 11.0367C14.9479 11.2401 14.9479 11.5675 14.9479 12.2222V12.9166M14.9479 15V12.9166M14.9479 12.9166H16.7708M12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 7.68217 2.5 6.44751 2.89078 5.46142C3.51901 3.87614 4.84761 2.6257 6.53197 2.03442C7.57969 1.66663 8.89151 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V8.33329M2.5 9.99996C2.5 8.46584 3.74365 7.22218 5.27778 7.22218C5.8326 7.22218 6.4867 7.3194 7.02614 7.17486C7.50543 7.04643 7.8798 6.67206 8.00823 6.19276C8.15277 5.65332 8.05556 4.99922 8.05556 4.4444C8.05556 2.91028 9.29921 1.66663 10.8333 1.66663M13.125 12.9166C13.125 14.0672 12.1456 15 10.9375 15C10.6649 15 10.5286 15 10.4271 14.9441C10.184 14.8105 10.2083 14.5399 10.2083 14.3055V11.5277C10.2083 11.2933 10.184 11.0228 10.4271 10.8891C10.5286 10.8333 10.6649 10.8333 10.9375 10.8333C12.1456 10.8333 13.125 11.766 13.125 12.9166Z", stroke: "var(--color-icon-brandRed, #E21B2E)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `csv_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { opacity: "0.4", d: "M2.50141 9.15797C2.78507 8.46126 4.0919 7.08156 7.08195 7.08156C7.33312 7.08156 7.99201 6.82886 7.95791 5.45969C7.94401 4.22219 8.39506 1.77401 10.2873 1.66843C10.6623 1.66663 11.0699 1.66663 11.5154 1.66663C13.0146 1.66663 13.7642 1.66663 14.3629 1.87679C15.3254 2.21467 16.0846 2.92921 16.4436 3.83508C16.6669 4.39856 16.6669 5.10408 16.6669 6.51511V14.1666C16.6669 14.9411 16.6669 15.3283 16.6029 15.6503C16.3398 16.9726 15.3062 18.0062 13.9839 18.2692C13.6619 18.3333 13.2747 18.3333 12.5002 18.3333H8.93964C6.22197 18.3333 4.86313 18.3333 3.91947 17.6684C3.64909 17.4779 3.40906 17.252 3.20666 16.9976C2.50024 16.1094 2.50024 14.8305 2.50024 12.2727V10.1515C2.50024 9.79565 2.50024 9.46547 2.50141 9.15797Z", fill: "var(--color-icon-success, #079455)" }), h("path", { d: "M7.82922 11.7147C7.84826 12.1285 8.19913 12.4485 8.6129 12.4294C9.02668 12.4104 9.34668 12.0595 9.32764 11.6458L7.82922 11.7147ZM9.32764 14.1875C9.34668 13.7737 9.02668 13.4229 8.6129 13.4038C8.19913 13.3848 7.84826 13.7048 7.82922 14.1185L9.32764 14.1875ZM18.2025 11.0961C18.3476 10.7081 18.1507 10.276 17.7628 10.1308C17.3748 9.98571 16.9427 10.1826 16.7975 10.5705L18.2025 11.0961ZM16.2804 14.0935L15.5779 13.8307L16.2804 14.0935ZM15.2442 14.0935L15.9467 13.8307L15.9467 13.8307L15.2442 14.0935ZM14.7271 10.5705C14.582 10.1826 14.1498 9.98571 13.7619 10.1308C13.3739 10.276 13.1771 10.7081 13.3222 11.0961L14.7271 10.5705ZM12.2678 11.5833C12.682 11.5833 13.0178 11.2475 13.0178 10.8333C13.0178 10.4191 12.682 10.0833 12.2678 10.0833V11.5833ZM10.5747 14.25C10.1605 14.25 9.82472 14.5857 9.82472 15C9.82472 15.4142 10.1605 15.75 10.5747 15.75V14.25ZM12.0709 14.9471L11.7841 14.2541H11.7841L12.0709 14.9471ZM12.0709 12.9695L12.3577 12.2765V12.2765L12.0709 12.9695ZM10.8439 12.8638L10.5571 13.5568H10.5571L10.8439 12.8638ZM10.8439 10.8862L10.5571 10.1932L10.8439 10.8862ZM12.5 13.943L11.75 13.9428V13.943H12.5ZM12.5 13.9736H11.75V13.9738L12.5 13.9736ZM12.5 19.0833C12.9142 19.0833 13.25 18.7475 13.25 18.3333C13.25 17.9191 12.9142 17.5833 12.5 17.5833V19.0833ZM15.9167 8.33329C15.9167 8.74751 16.2525 9.08329 16.6667 9.08329C17.0809 9.08329 17.4167 8.74751 17.4167 8.33329H15.9167ZM14.3627 1.87679L14.6111 1.16913V1.16913L14.3627 1.87679ZM16.4434 3.83508L17.1406 3.55877L16.4434 3.83508ZM2.89078 5.46142L3.58803 5.73773L2.89078 5.46142ZM6.53197 2.03442L6.78039 2.74208L6.78039 2.74208L6.53197 2.03442ZM3.91922 17.6684L3.48726 18.2815H3.48726L3.91922 17.6684ZM3.20642 16.9976L3.79339 16.5307H3.79339L3.20642 16.9976ZM1.75 9.99996C1.75 10.4142 2.08579 10.75 2.5 10.75C2.91421 10.75 3.25 10.4142 3.25 9.99996H1.75ZM5.27778 7.22218V7.97218H5.27778L5.27778 7.22218ZM8.00823 6.19276L8.73267 6.38688L8.00823 6.19276ZM7.02614 7.17486L7.22025 7.8993L7.22025 7.8993L7.02614 7.17486ZM10.8333 2.41663C11.2475 2.41663 11.5833 2.08084 11.5833 1.66663C11.5833 1.25241 11.2475 0.916626 10.8333 0.916626V2.41663ZM6.58333 13.6111V12.2222H5.08333V13.6111H6.58333ZM7.20935 11.5833C7.40441 11.5833 7.55042 11.585 7.67255 11.5962C7.79576 11.6076 7.84664 11.6251 7.86008 11.6311C7.86341 11.6326 7.85512 11.6293 7.84214 11.6181C7.82841 11.6064 7.81787 11.5931 7.81162 11.5826C7.80017 11.5633 7.82342 11.5885 7.82922 11.7147L9.32764 11.6458C9.31443 11.3586 9.25281 11.0713 9.10081 10.8158C8.94191 10.5486 8.71717 10.3715 8.47384 10.2624C8.05559 10.0749 7.54278 10.0833 7.20935 10.0833V11.5833ZM7.20935 15.75C7.54278 15.75 8.05558 15.7584 8.47384 15.5708C8.71717 15.4617 8.9419 15.2847 9.10081 15.0175C9.25281 14.7619 9.31443 14.4746 9.32764 14.1875L7.82922 14.1185C7.82342 14.2447 7.80017 14.2699 7.81162 14.2507C7.81787 14.2402 7.82841 14.2269 7.84214 14.2151C7.85512 14.204 7.86341 14.2006 7.86008 14.2021C7.84663 14.2082 7.79576 14.2257 7.67255 14.237C7.55042 14.2482 7.40441 14.25 7.20935 14.25V15.75ZM7.20935 10.0833C6.64056 10.0833 5.97423 10.1291 5.53243 10.5988C5.30662 10.8388 5.20075 11.1246 5.1472 11.3897C5.09514 11.6474 5.08333 11.9334 5.08333 12.2222H6.58333C6.58333 11.9575 6.59599 11.7932 6.6175 11.6867C6.63753 11.5876 6.65436 11.5953 6.62501 11.6265C6.59327 11.6603 6.57962 11.6457 6.66952 11.6244C6.76921 11.6007 6.93438 11.5833 7.20935 11.5833V10.0833ZM7.20935 14.25C6.93438 14.25 6.76921 14.2325 6.66952 14.2089C6.57962 14.1875 6.59327 14.173 6.62501 14.2067C6.65436 14.2379 6.63753 14.2457 6.6175 14.1465C6.59599 14.0401 6.58333 13.8758 6.58333 13.6111H5.08333C5.08333 13.8998 5.09514 14.1859 5.1472 14.4436C5.20075 14.7086 5.30662 14.9944 5.53243 15.2345C5.97423 15.7042 6.64056 15.75 7.20935 15.75V14.25ZM16.7975 10.5705L15.5779 13.8307L16.9829 14.3563L18.2025 11.0961L16.7975 10.5705ZM15.9467 13.8307L14.7271 10.5705L13.3222 11.0961L14.5418 14.3563L15.9467 13.8307ZM15.5779 13.8307C15.5206 13.9841 15.4742 14.108 15.4326 14.2123C15.3904 14.3182 15.3606 14.3847 15.3389 14.4262C15.3135 14.4749 15.3201 14.4479 15.3673 14.4025C15.3951 14.3758 15.4436 14.3363 15.515 14.3036C15.5898 14.2694 15.6746 14.2499 15.7623 14.2499V15.7499C16.0474 15.7499 16.2654 15.6199 16.4067 15.4841C16.5325 15.3632 16.6151 15.2229 16.6685 15.1205C16.7742 14.918 16.8777 14.6374 16.9829 14.3563L15.5779 13.8307ZM14.5418 14.3563C14.6469 14.6374 14.7504 14.918 14.8561 15.1205C14.9096 15.2228 14.9922 15.3632 15.118 15.4841C15.2593 15.6199 15.4772 15.7499 15.7623 15.7499V14.2499C15.8501 14.2499 15.9348 14.2694 16.0097 14.3036C16.0811 14.3363 16.1296 14.3758 16.1573 14.4025C16.2045 14.4479 16.2112 14.4749 16.1858 14.4262C16.1641 14.3847 16.1343 14.3182 16.092 14.2123C16.0505 14.108 16.0041 13.9841 15.9467 13.8307L14.5418 14.3563ZM12.2678 10.0833H11.4574V11.5833H12.2678V10.0833ZM11.4574 14.25H10.5747V15.75H11.4574V14.25ZM11.4574 15.75C11.6091 15.75 11.7604 15.7504 11.8887 15.7416C12.0238 15.7324 12.1873 15.7106 12.3577 15.6401L11.7841 14.2541C11.8268 14.2364 11.8455 14.2411 11.7867 14.2451C11.7212 14.2496 11.6296 14.25 11.4574 14.25V15.75ZM11.4574 13.6666C11.6296 13.6666 11.7212 13.667 11.7867 13.6715C11.8455 13.6755 11.8268 13.6802 11.7841 13.6625L12.3577 12.2765C12.1873 12.206 12.0238 12.1842 11.8887 12.175C11.7604 12.1662 11.6091 12.1666 11.4574 12.1666V13.6666ZM11.4574 12.1666C11.2852 12.1666 11.1936 12.1662 11.1281 12.1618C11.0693 12.1578 11.088 12.1531 11.1307 12.1708L10.5571 13.5568C10.7275 13.6273 10.891 13.6491 11.0261 13.6583C11.1544 13.667 11.3057 13.6666 11.4574 13.6666V12.1666ZM11.4574 10.0833C11.3057 10.0833 11.1544 10.0829 11.0261 10.0917C10.891 10.1009 10.7275 10.1226 10.5571 10.1932L11.1307 11.5792C11.088 11.5968 11.0693 11.5922 11.1281 11.5882C11.1936 11.5837 11.2852 11.5833 11.4574 11.5833V10.0833ZM9.66479 11.875C9.66479 12.0361 9.65694 12.3587 9.74777 12.6618C9.85618 13.0235 10.1032 13.3689 10.5571 13.5568L11.1307 12.1708C11.1226 12.1674 11.1414 12.1745 11.1638 12.2006C11.1842 12.2246 11.1877 12.2414 11.1846 12.2312C11.1805 12.2172 11.1733 12.1841 11.1691 12.1185C11.1647 12.0509 11.1648 11.9785 11.1648 11.875H9.66479ZM11.1648 11.875C11.1648 11.7714 11.1647 11.699 11.1691 11.6314C11.1733 11.5658 11.1805 11.5327 11.1846 11.5188C11.1877 11.5085 11.1842 11.5254 11.1638 11.5493C11.1414 11.5754 11.1226 11.5825 11.1307 11.5792L10.5571 10.1932C10.1032 10.381 9.85618 10.7265 9.74777 11.0882C9.65694 11.3913 9.66479 11.7138 9.66479 11.875H11.1648ZM13.25 13.9431C13.25 13.779 13.2563 13.4602 13.163 13.1583C13.0522 12.7998 12.8045 12.4614 12.3577 12.2765L11.7841 13.6625C11.7923 13.6659 11.7739 13.659 11.7518 13.6335C11.7314 13.6099 11.7273 13.5928 11.7299 13.6013C11.7337 13.6135 11.7408 13.6446 11.7452 13.7075C11.7497 13.7719 11.75 13.8428 11.75 13.9428L13.25 13.9431ZM11.75 13.9738C11.75 14.0738 11.7497 14.1446 11.7452 14.2091C11.7408 14.272 11.7337 14.3031 11.7299 14.3153C11.7273 14.3238 11.7314 14.3067 11.7518 14.2831C11.7739 14.2575 11.7923 14.2507 11.7841 14.2541L12.3577 15.6401C12.8045 15.4552 13.0522 15.1167 13.163 14.7583C13.2563 14.4564 13.25 14.1376 13.25 13.9735L11.75 13.9738ZM12.5 17.5833H8.93939V19.0833H12.5V17.5833ZM3.25 12.2727V10.1515H1.75V12.2727H3.25ZM15.9167 6.51511V8.33329H17.4167V6.51511H15.9167ZM11.5152 2.41663C13.0778 2.41663 13.6667 2.42733 14.1143 2.58446L14.6111 1.16913C13.8613 0.905919 12.9509 0.916626 11.5152 0.916626V2.41663ZM17.4167 6.51511C17.4167 5.81948 17.417 5.2615 17.3871 4.8079C17.3568 4.34761 17.2929 3.94316 17.1406 3.55877L15.7461 4.11139C15.8171 4.29048 15.8649 4.52053 15.8904 4.90662C15.9163 5.29941 15.9167 5.79971 15.9167 6.51511H17.4167ZM14.1143 2.58446C14.8827 2.8542 15.4714 3.41808 15.7461 4.11139L17.1406 3.55877C16.6974 2.44033 15.7677 1.57513 14.6111 1.16913L14.1143 2.58446ZM3.25 10.1515C3.25 8.90693 3.25038 8.00979 3.29722 7.2996C3.34362 6.59611 3.43332 6.12813 3.58803 5.73773L2.19354 5.18511C1.95747 5.7808 1.85177 6.42319 1.80047 7.20088C1.74962 7.97187 1.75 8.92671 1.75 10.1515H3.25ZM11.5152 0.916626C8.95498 0.916626 7.48237 0.905919 6.28355 1.32676L6.78039 2.74208C7.67701 2.42733 8.82804 2.41663 11.5152 2.41663V0.916626ZM3.58803 5.73773C4.13202 4.36502 5.29011 3.26523 6.78039 2.74208L6.28355 1.32676C4.40512 1.98616 2.906 3.38727 2.19354 5.18511L3.58803 5.73773ZM8.93939 17.5833C7.56444 17.5833 6.59125 17.5823 5.8418 17.5042C5.10432 17.4274 4.674 17.2828 4.35119 17.0553L3.48726 18.2815C4.10811 18.719 4.82904 18.9068 5.68631 18.9961C6.53161 19.0842 7.59668 19.0833 8.93939 19.0833V17.5833ZM1.75 12.2727C1.75 13.5334 1.74879 14.5444 1.84344 15.3489C1.94017 16.171 2.1452 16.8682 2.61944 17.4644L3.79339 16.5307C3.56122 16.2388 3.41304 15.8525 3.33316 15.1736C3.25121 14.4771 3.25 13.5697 3.25 12.2727H1.75ZM4.35119 17.0553C4.13817 16.9052 3.95058 16.7283 3.79339 16.5307L2.61944 17.4644C2.86705 17.7757 3.15953 18.0506 3.48726 18.2815L4.35119 17.0553ZM3.25 9.99996C3.25 8.88005 4.15787 7.97218 5.27778 7.97218V6.47218C3.32944 6.47218 1.75 8.05162 1.75 9.99996H3.25ZM7.28379 5.99865C7.22471 6.21912 7.0525 6.39134 6.83202 6.45041L7.22025 7.8993C7.95836 7.70152 8.5349 7.12499 8.73267 6.38688L7.28379 5.99865ZM10.8333 0.916626C8.885 0.916626 7.30556 2.49607 7.30556 4.4444H8.80556C8.80556 3.32449 9.71342 2.41663 10.8333 2.41663V0.916626ZM7.30556 4.4444C7.30556 4.60242 7.31245 4.76305 7.31929 4.91055C7.32638 5.06331 7.33339 5.20186 7.33626 5.33992C7.34208 5.62051 7.32806 5.83341 7.28379 5.99865L8.73267 6.38688C8.83294 6.01267 8.84258 5.62881 8.83593 5.30878C8.83257 5.14654 8.82431 4.98381 8.81768 4.84103C8.81081 4.69299 8.80556 4.56379 8.80556 4.4444H7.30556ZM5.27778 7.97218C5.39717 7.97218 5.52637 7.97744 5.67441 7.98431C5.81719 7.99093 5.97991 7.99919 6.14215 8.00256C6.46219 8.00921 6.84605 7.99957 7.22025 7.8993L6.83202 6.45041C6.66679 6.49469 6.45388 6.50871 6.1733 6.50288C6.03523 6.50002 5.89669 6.49301 5.74392 6.48592C5.59642 6.47908 5.4358 6.47218 5.27778 6.47218L5.27778 7.97218ZM13.25 13.9736V13.943H11.75V13.9736H13.25Z", fill: "var(--color-icon-success, #079455)" })))), h("div", { key: '257f4f053a3f57c47d57416385c7e7839b1981ee', class: `text ${this.state === 'disabled' ? 'disabled' : ''}` }, this.type === 'pdf' ? h("p", { class: "text-sm-medium" }, "Export as PDF") : h("p", { class: "text-sm-medium" }, "Export as CSV"))), h("div", { key: 'eb506168a599253b754e78e7746944e21fc19ac5', class: "arrow" }, h("svg", { key: 'b8d95066c3f334f71281de16a557f40dbdfbd4d5', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", class: `arrow_svg ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { key: '7a2b864fa58ad8931f16baab3b954b8be77cb7df', d: "M6.75004 4.5C6.75004 4.5 11.25 7.8142 11.25 9.00004C11.25 10.1859 6.75 13.5 6.75 13.5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (h("div", { key: '10436200c8edc4bf4b99253937c31c3ce4147c9d', class: `export_container ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: '0691e2a663360603e9b0534c256e5fec79c09663', class: `content ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: 'f1cdfc55886abc6ea0cba12ed7d74ae16268d1da', class: `wrapper` }, h("div", { key: '4dee4291eb9cb7ffb7a96982da407d77114117c3', class: `container` }, h("div", { key: 'f1d611b6df6b913937976d68511abea43f4a13b3', class: `icon` }, this.type === 'pdf' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `pdf_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { opacity: "0.4", d: "M2.50117 9.15797C2.78483 8.46126 4.09165 7.08156 7.08171 7.08156C7.33288 7.08156 7.99177 6.82886 7.95767 5.45969C7.94376 4.22219 8.39482 1.77401 10.2871 1.66843C10.662 1.66663 11.0697 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V14.1666C16.6667 14.9411 16.6667 15.3283 16.6026 15.6503C16.3396 16.9726 15.3059 18.0062 13.9836 18.2692C13.6616 18.3333 13.2744 18.3333 12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 9.79565 2.5 9.46547 2.50117 9.15797Z", fill: "var(--color-icon-brandRed, #E21B2E)" }), h("path", { d: "M5.83333 15V12.9166M5.83333 12.9166V11.6666C5.83333 11.2738 5.83333 11.0774 5.96147 10.9553C6.08961 10.8333 6.29585 10.8333 6.70833 10.8333H7.29167C7.89573 10.8333 8.38542 11.2997 8.38542 11.875C8.38542 12.4503 7.89573 12.9166 7.29167 12.9166H5.83333ZM17.5 10.8333H16.4062C15.7188 10.8333 15.3751 10.8333 15.1615 11.0367C14.9479 11.2401 14.9479 11.5675 14.9479 12.2222V12.9166M14.9479 15V12.9166M14.9479 12.9166H16.7708M12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 7.68217 2.5 6.44751 2.89078 5.46142C3.51901 3.87614 4.84761 2.6257 6.53197 2.03442C7.57969 1.66663 8.89151 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V8.33329M2.5 9.99996C2.5 8.46584 3.74365 7.22218 5.27778 7.22218C5.8326 7.22218 6.4867 7.3194 7.02614 7.17486C7.50543 7.04643 7.8798 6.67206 8.00823 6.19276C8.15277 5.65332 8.05556 4.99922 8.05556 4.4444C8.05556 2.91028 9.29921 1.66663 10.8333 1.66663M13.125 12.9166C13.125 14.0672 12.1456 15 10.9375 15C10.6649 15 10.5286 15 10.4271 14.9441C10.184 14.8105 10.2083 14.5399 10.2083 14.3055V11.5277C10.2083 11.2933 10.184 11.0228 10.4271 10.8891C10.5286 10.8333 10.6649 10.8333 10.9375 10.8333C12.1456 10.8333 13.125 11.766 13.125 12.9166Z", stroke: "var(--color-icon-brandRed, #E21B2E)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `csv_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { opacity: "0.4", d: "M2.50141 9.15797C2.78507 8.46126 4.0919 7.08156 7.08195 7.08156C7.33312 7.08156 7.99201 6.82886 7.95791 5.45969C7.94401 4.22219 8.39506 1.77401 10.2873 1.66843C10.6623 1.66663 11.0699 1.66663 11.5154 1.66663C13.0146 1.66663 13.7642 1.66663 14.3629 1.87679C15.3254 2.21467 16.0846 2.92921 16.4436 3.83508C16.6669 4.39856 16.6669 5.10408 16.6669 6.51511V14.1666C16.6669 14.9411 16.6669 15.3283 16.6029 15.6503C16.3398 16.9726 15.3062 18.0062 13.9839 18.2692C13.6619 18.3333 13.2747 18.3333 12.5002 18.3333H8.93964C6.22197 18.3333 4.86313 18.3333 3.91947 17.6684C3.64909 17.4779 3.40906 17.252 3.20666 16.9976C2.50024 16.1094 2.50024 14.8305 2.50024 12.2727V10.1515C2.50024 9.79565 2.50024 9.46547 2.50141 9.15797Z", fill: "var(--color-icon-success, #079455)" }), h("path", { d: "M7.82922 11.7147C7.84826 12.1285 8.19913 12.4485 8.6129 12.4294C9.02668 12.4104 9.34668 12.0595 9.32764 11.6458L7.82922 11.7147ZM9.32764 14.1875C9.34668 13.7737 9.02668 13.4229 8.6129 13.4038C8.19913 13.3848 7.84826 13.7048 7.82922 14.1185L9.32764 14.1875ZM18.2025 11.0961C18.3476 10.7081 18.1507 10.276 17.7628 10.1308C17.3748 9.98571 16.9427 10.1826 16.7975 10.5705L18.2025 11.0961ZM16.2804 14.0935L15.5779 13.8307L16.2804 14.0935ZM15.2442 14.0935L15.9467 13.8307L15.9467 13.8307L15.2442 14.0935ZM14.7271 10.5705C14.582 10.1826 14.1498 9.98571 13.7619 10.1308C13.3739 10.276 13.1771 10.7081 13.3222 11.0961L14.7271 10.5705ZM12.2678 11.5833C12.682 11.5833 13.0178 11.2475 13.0178 10.8333C13.0178 10.4191 12.682 10.0833 12.2678 10.0833V11.5833ZM10.5747 14.25C10.1605 14.25 9.82472 14.5857 9.82472 15C9.82472 15.4142 10.1605 15.75 10.5747 15.75V14.25ZM12.0709 14.9471L11.7841 14.2541H11.7841L12.0709 14.9471ZM12.0709 12.9695L12.3577 12.2765V12.2765L12.0709 12.9695ZM10.8439 12.8638L10.5571 13.5568H10.5571L10.8439 12.8638ZM10.8439 10.8862L10.5571 10.1932L10.8439 10.8862ZM12.5 13.943L11.75 13.9428V13.943H12.5ZM12.5 13.9736H11.75V13.9738L12.5 13.9736ZM12.5 19.0833C12.9142 19.0833 13.25 18.7475 13.25 18.3333C13.25 17.9191 12.9142 17.5833 12.5 17.5833V19.0833ZM15.9167 8.33329C15.9167 8.74751 16.2525 9.08329 16.6667 9.08329C17.0809 9.08329 17.4167 8.74751 17.4167 8.33329H15.9167ZM14.3627 1.87679L14.6111 1.16913V1.16913L14.3627 1.87679ZM16.4434 3.83508L17.1406 3.55877L16.4434 3.83508ZM2.89078 5.46142L3.58803 5.73773L2.89078 5.46142ZM6.53197 2.03442L6.78039 2.74208L6.78039 2.74208L6.53197 2.03442ZM3.91922 17.6684L3.48726 18.2815H3.48726L3.91922 17.6684ZM3.20642 16.9976L3.79339 16.5307H3.79339L3.20642 16.9976ZM1.75 9.99996C1.75 10.4142 2.08579 10.75 2.5 10.75C2.91421 10.75 3.25 10.4142 3.25 9.99996H1.75ZM5.27778 7.22218V7.97218H5.27778L5.27778 7.22218ZM8.00823 6.19276L8.73267 6.38688L8.00823 6.19276ZM7.02614 7.17486L7.22025 7.8993L7.22025 7.8993L7.02614 7.17486ZM10.8333 2.41663C11.2475 2.41663 11.5833 2.08084 11.5833 1.66663C11.5833 1.25241 11.2475 0.916626 10.8333 0.916626V2.41663ZM6.58333 13.6111V12.2222H5.08333V13.6111H6.58333ZM7.20935 11.5833C7.40441 11.5833 7.55042 11.585 7.67255 11.5962C7.79576 11.6076 7.84664 11.6251 7.86008 11.6311C7.86341 11.6326 7.85512 11.6293 7.84214 11.6181C7.82841 11.6064 7.81787 11.5931 7.81162 11.5826C7.80017 11.5633 7.82342 11.5885 7.82922 11.7147L9.32764 11.6458C9.31443 11.3586 9.25281 11.0713 9.10081 10.8158C8.94191 10.5486 8.71717 10.3715 8.47384 10.2624C8.05559 10.0749 7.54278 10.0833 7.20935 10.0833V11.5833ZM7.20935 15.75C7.54278 15.75 8.05558 15.7584 8.47384 15.5708C8.71717 15.4617 8.9419 15.2847 9.10081 15.0175C9.25281 14.7619 9.31443 14.4746 9.32764 14.1875L7.82922 14.1185C7.82342 14.2447 7.80017 14.2699 7.81162 14.2507C7.81787 14.2402 7.82841 14.2269 7.84214 14.2151C7.85512 14.204 7.86341 14.2006 7.86008 14.2021C7.84663 14.2082 7.79576 14.2257 7.67255 14.237C7.55042 14.2482 7.40441 14.25 7.20935 14.25V15.75ZM7.20935 10.0833C6.64056 10.0833 5.97423 10.1291 5.53243 10.5988C5.30662 10.8388 5.20075 11.1246 5.1472 11.3897C5.09514 11.6474 5.08333 11.9334 5.08333 12.2222H6.58333C6.58333 11.9575 6.59599 11.7932 6.6175 11.6867C6.63753 11.5876 6.65436 11.5953 6.62501 11.6265C6.59327 11.6603 6.57962 11.6457 6.66952 11.6244C6.76921 11.6007 6.93438 11.5833 7.20935 11.5833V10.0833ZM7.20935 14.25C6.93438 14.25 6.76921 14.2325 6.66952 14.2089C6.57962 14.1875 6.59327 14.173 6.62501 14.2067C6.65436 14.2379 6.63753 14.2457 6.6175 14.1465C6.59599 14.0401 6.58333 13.8758 6.58333 13.6111H5.08333C5.08333 13.8998 5.09514 14.1859 5.1472 14.4436C5.20075 14.7086 5.30662 14.9944 5.53243 15.2345C5.97423 15.7042 6.64056 15.75 7.20935 15.75V14.25ZM16.7975 10.5705L15.5779 13.8307L16.9829 14.3563L18.2025 11.0961L16.7975 10.5705ZM15.9467 13.8307L14.7271 10.5705L13.3222 11.0961L14.5418 14.3563L15.9467 13.8307ZM15.5779 13.8307C15.5206 13.9841 15.4742 14.108 15.4326 14.2123C15.3904 14.3182 15.3606 14.3847 15.3389 14.4262C15.3135 14.4749 15.3201 14.4479 15.3673 14.4025C15.3951 14.3758 15.4436 14.3363 15.515 14.3036C15.5898 14.2694 15.6746 14.2499 15.7623 14.2499V15.7499C16.0474 15.7499 16.2654 15.6199 16.4067 15.4841C16.5325 15.3632 16.6151 15.2229 16.6685 15.1205C16.7742 14.918 16.8777 14.6374 16.9829 14.3563L15.5779 13.8307ZM14.5418 14.3563C14.6469 14.6374 14.7504 14.918 14.8561 15.1205C14.9096 15.2228 14.9922 15.3632 15.118 15.4841C15.2593 15.6199 15.4772 15.7499 15.7623 15.7499V14.2499C15.8501 14.2499 15.9348 14.2694 16.0097 14.3036C16.0811 14.3363 16.1296 14.3758 16.1573 14.4025C16.2045 14.4479 16.2112 14.4749 16.1858 14.4262C16.1641 14.3847 16.1343 14.3182 16.092 14.2123C16.0505 14.108 16.0041 13.9841 15.9467 13.8307L14.5418 14.3563ZM12.2678 10.0833H11.4574V11.5833H12.2678V10.0833ZM11.4574 14.25H10.5747V15.75H11.4574V14.25ZM11.4574 15.75C11.6091 15.75 11.7604 15.7504 11.8887 15.7416C12.0238 15.7324 12.1873 15.7106 12.3577 15.6401L11.7841 14.2541C11.8268 14.2364 11.8455 14.2411 11.7867 14.2451C11.7212 14.2496 11.6296 14.25 11.4574 14.25V15.75ZM11.4574 13.6666C11.6296 13.6666 11.7212 13.667 11.7867 13.6715C11.8455 13.6755 11.8268 13.6802 11.7841 13.6625L12.3577 12.2765C12.1873 12.206 12.0238 12.1842 11.8887 12.175C11.7604 12.1662 11.6091 12.1666 11.4574 12.1666V13.6666ZM11.4574 12.1666C11.2852 12.1666 11.1936 12.1662 11.1281 12.1618C11.0693 12.1578 11.088 12.1531 11.1307 12.1708L10.5571 13.5568C10.7275 13.6273 10.891 13.6491 11.0261 13.6583C11.1544 13.667 11.3057 13.6666 11.4574 13.6666V12.1666ZM11.4574 10.0833C11.3057 10.0833 11.1544 10.0829 11.0261 10.0917C10.891 10.1009 10.7275 10.1226 10.5571 10.1932L11.1307 11.5792C11.088 11.5968 11.0693 11.5922 11.1281 11.5882C11.1936 11.5837 11.2852 11.5833 11.4574 11.5833V10.0833ZM9.66479 11.875C9.66479 12.0361 9.65694 12.3587 9.74777 12.6618C9.85618 13.0235 10.1032 13.3689 10.5571 13.5568L11.1307 12.1708C11.1226 12.1674 11.1414 12.1745 11.1638 12.2006C11.1842 12.2246 11.1877 12.2414 11.1846 12.2312C11.1805 12.2172 11.1733 12.1841 11.1691 12.1185C11.1647 12.0509 11.1648 11.9785 11.1648 11.875H9.66479ZM11.1648 11.875C11.1648 11.7714 11.1647 11.699 11.1691 11.6314C11.1733 11.5658 11.1805 11.5327 11.1846 11.5188C11.1877 11.5085 11.1842 11.5254 11.1638 11.5493C11.1414 11.5754 11.1226 11.5825 11.1307 11.5792L10.5571 10.1932C10.1032 10.381 9.85618 10.7265 9.74777 11.0882C9.65694 11.3913 9.66479 11.7138 9.66479 11.875H11.1648ZM13.25 13.9431C13.25 13.779 13.2563 13.4602 13.163 13.1583C13.0522 12.7998 12.8045 12.4614 12.3577 12.2765L11.7841 13.6625C11.7923 13.6659 11.7739 13.659 11.7518 13.6335C11.7314 13.6099 11.7273 13.5928 11.7299 13.6013C11.7337 13.6135 11.7408 13.6446 11.7452 13.7075C11.7497 13.7719 11.75 13.8428 11.75 13.9428L13.25 13.9431ZM11.75 13.9738C11.75 14.0738 11.7497 14.1446 11.7452 14.2091C11.7408 14.272 11.7337 14.3031 11.7299 14.3153C11.7273 14.3238 11.7314 14.3067 11.7518 14.2831C11.7739 14.2575 11.7923 14.2507 11.7841 14.2541L12.3577 15.6401C12.8045 15.4552 13.0522 15.1167 13.163 14.7583C13.2563 14.4564 13.25 14.1376 13.25 13.9735L11.75 13.9738ZM12.5 17.5833H8.93939V19.0833H12.5V17.5833ZM3.25 12.2727V10.1515H1.75V12.2727H3.25ZM15.9167 6.51511V8.33329H17.4167V6.51511H15.9167ZM11.5152 2.41663C13.0778 2.41663 13.6667 2.42733 14.1143 2.58446L14.6111 1.16913C13.8613 0.905919 12.9509 0.916626 11.5152 0.916626V2.41663ZM17.4167 6.51511C17.4167 5.81948 17.417 5.2615 17.3871 4.8079C17.3568 4.34761 17.2929 3.94316 17.1406 3.55877L15.7461 4.11139C15.8171 4.29048 15.8649 4.52053 15.8904 4.90662C15.9163 5.29941 15.9167 5.79971 15.9167 6.51511H17.4167ZM14.1143 2.58446C14.8827 2.8542 15.4714 3.41808 15.7461 4.11139L17.1406 3.55877C16.6974 2.44033 15.7677 1.57513 14.6111 1.16913L14.1143 2.58446ZM3.25 10.1515C3.25 8.90693 3.25038 8.00979 3.29722 7.2996C3.34362 6.59611 3.43332 6.12813 3.58803 5.73773L2.19354 5.18511C1.95747 5.7808 1.85177 6.42319 1.80047 7.20088C1.74962 7.97187 1.75 8.92671 1.75 10.1515H3.25ZM11.5152 0.916626C8.95498 0.916626 7.48237 0.905919 6.28355 1.32676L6.78039 2.74208C7.67701 2.42733 8.82804 2.41663 11.5152 2.41663V0.916626ZM3.58803 5.73773C4.13202 4.36502 5.29011 3.26523 6.78039 2.74208L6.28355 1.32676C4.40512 1.98616 2.906 3.38727 2.19354 5.18511L3.58803 5.73773ZM8.93939 17.5833C7.56444 17.5833 6.59125 17.5823 5.8418 17.5042C5.10432 17.4274 4.674 17.2828 4.35119 17.0553L3.48726 18.2815C4.10811 18.719 4.82904 18.9068 5.68631 18.9961C6.53161 19.0842 7.59668 19.0833 8.93939 19.0833V17.5833ZM1.75 12.2727C1.75 13.5334 1.74879 14.5444 1.84344 15.3489C1.94017 16.171 2.1452 16.8682 2.61944 17.4644L3.79339 16.5307C3.56122 16.2388 3.41304 15.8525 3.33316 15.1736C3.25121 14.4771 3.25 13.5697 3.25 12.2727H1.75ZM4.35119 17.0553C4.13817 16.9052 3.95058 16.7283 3.79339 16.5307L2.61944 17.4644C2.86705 17.7757 3.15953 18.0506 3.48726 18.2815L4.35119 17.0553ZM3.25 9.99996C3.25 8.88005 4.15787 7.97218 5.27778 7.97218V6.47218C3.32944 6.47218 1.75 8.05162 1.75 9.99996H3.25ZM7.28379 5.99865C7.22471 6.21912 7.0525 6.39134 6.83202 6.45041L7.22025 7.8993C7.95836 7.70152 8.5349 7.12499 8.73267 6.38688L7.28379 5.99865ZM10.8333 0.916626C8.885 0.916626 7.30556 2.49607 7.30556 4.4444H8.80556C8.80556 3.32449 9.71342 2.41663 10.8333 2.41663V0.916626ZM7.30556 4.4444C7.30556 4.60242 7.31245 4.76305 7.31929 4.91055C7.32638 5.06331 7.33339 5.20186 7.33626 5.33992C7.34208 5.62051 7.32806 5.83341 7.28379 5.99865L8.73267 6.38688C8.83294 6.01267 8.84258 5.62881 8.83593 5.30878C8.83257 5.14654 8.82431 4.98381 8.81768 4.84103C8.81081 4.69299 8.80556 4.56379 8.80556 4.4444H7.30556ZM5.27778 7.97218C5.39717 7.97218 5.52637 7.97744 5.67441 7.98431C5.81719 7.99093 5.97991 7.99919 6.14215 8.00256C6.46219 8.00921 6.84605 7.99957 7.22025 7.8993L6.83202 6.45041C6.66679 6.49469 6.45388 6.50871 6.1733 6.50288C6.03523 6.50002 5.89669 6.49301 5.74392 6.48592C5.59642 6.47908 5.4358 6.47218 5.27778 6.47218L5.27778 7.97218ZM13.25 13.9736V13.943H11.75V13.9736H13.25Z", fill: "var(--color-icon-success, #079455)" })))), h("div", { key: 'db858b9e12f2f40fe91d74682bde47857f7ec586', class: `text ${this.state === 'disabled' ? 'disabled' : ''}` }, this.type === 'pdf' ? h("p", { class: "text-sm-medium" }, "Export as PDF") : h("p", { class: "text-sm-medium" }, "Export as CSV"))), h("div", { key: 'e6d44aa450d36fbae02b539a0812e1288ff7182f', class: "arrow" }, h("svg", { key: '4f15de649874f487792c129da39f6b48245b7950', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", class: `arrow_svg ${this.state === 'disabled' ? 'disabled' : ''}` }, h("path", { key: '2bcb4cafca633a58620774b40b9d1fdb3f5125ae', d: "M6.75004 4.5C6.75004 4.5 11.25 7.8142 11.25 9.00004C11.25 10.1859 6.75 13.5 6.75 13.5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     get el() { return getElement(this); }
 };
@@ -4212,13 +4214,13 @@ const GbExportSubDropdown = class {
         }
     }
     render() {
-        return (h("div", { key: '1ad91173863eab4827308080bc744bc18fe93505', class: `sub_dropdown_container` }, this.showEntireData && (h("gb-export-sub-dropdown-item", { key: '225f25ddef255d7e0719578c8a20fcdcc15a0854', icon: "assets/database.svg" }, h("slot", { key: '2718980ece816bd736582d0154fef16199017e82', name: "label_one", slot: "label" }))), h("gb-export-sub-dropdown-item", { key: '47a134eb5f5e639008deaf917b6d875ff2e56bdc', icon: "assets/laptop_gray.svg" }, h("slot", { key: '719b5d882f5215c0e82214c4accf7a1948688994', name: "label_two", slot: "label" })), h("gb-export-sub-dropdown-item", { key: 'a40840ddc319b25f2ca7518588e3b9521f15c67d', icon: "assets/filter-horizontal.svg" }, h("slot", { key: 'b279d4e3b71b9417f7d663379fc3cb0e8ea2990a', name: "label_three", slot: "label" }))));
+        return (h("div", { key: '331610d608a520f146dbdded9e70881569bab9ab', class: `sub_dropdown_container` }, this.showEntireData && (h("gb-export-sub-dropdown-item", { key: '4d491f17617bf3e4722066e4e89da887aae7b30a', icon: "assets/database.svg" }, h("slot", { key: '25e5f21f533db130222ffbd89ddaa681fe9e21c0', name: "label_one", slot: "label" }))), h("gb-export-sub-dropdown-item", { key: '51ab428a5ebe563466702233b8d6de5fabe5398c', icon: "assets/laptop_gray.svg" }, h("slot", { key: 'b78e150af84bd34688d3c79f89450a78bee6a110', name: "label_two", slot: "label" })), h("gb-export-sub-dropdown-item", { key: 'd865e086645a541676685273f942c98950177c37', icon: "assets/filter-horizontal.svg" }, h("slot", { key: '6e93b29f27bf28ff136fe48df1d8d902f5b90c9a', name: "label_three", slot: "label" }))));
     }
     get el() { return getElement(this); }
 };
 GbExportSubDropdown.style = gbExportSubDropdownCss;
-const gbExportSubDropdownItemCss = "/* @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  /* gray color palette  */\r\n  --gray-25: #f9fafb;\r\n  --gray-50: #f6f8fa;\r\n  --gray-100: #eef2f6;\r\n  --gray-200: #e3e8ef;\r\n  --gray-300: #cdd5df;\r\n  --gray-400: #808c9e;\r\n  --gray-500: #697586;\r\n  --gray-600: #4b5565;\r\n  --gray-700: #364152;\r\n  --gray-800: #202939;\r\n  --gray-900: #121926;\r\n  --gray-950: #0d121c;\r\n\r\n  /* brand dark blue color palette */\r\n  --brandDarkBlue-25: #f9f9fb;\r\n  --brandDarkBlue-50: #edeef3;\r\n  --brandDarkBlue-100: #d3d5e0;\r\n  --brandDarkBlue-200: #b5b9cc;\r\n  --brandDarkBlue-300: #9095b2;\r\n  --brandDarkBlue-400: #464f7f;\r\n  --brandDarkBlue-500: #212c65;\r\n  --brandDarkBlue-600: #1e285c;\r\n  --brandDarkBlue-700: #1c2554;\r\n  --brandDarkBlue-800: #161d43;\r\n  --brandDarkBlue-900: #0b0f22;\r\n  --brandDarkBlue-950: #070914;\r\n\r\n  /* brand red color palette */\r\n  --brandRed-25: #fffbfa;\r\n  --brandRed-50: #fef1f2;\r\n  --brandRed-100: #fde3e5;\r\n  --brandRed-200: #f9b4ba;\r\n  --brandRed-300: #f68e98;\r\n  --brandRed-400: #f36976;\r\n  --brandRed-500: #e21b2e;\r\n  --brandRed-600: #cc1a2a;\r\n  --brandRed-700: #b51726;\r\n  --brandRed-800: #8c121d;\r\n  --brandRed-900: #680d16;\r\n  --brandRed-950: #3f080d;\r\n\r\n  /* warning color palette */\r\n  --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  /* 0% opacity */\r\n  /* White */\r\n  --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n  /* Gray */\r\n  --gray25-opacity0: rgba(249, 250, 251, 0);\r\n  --gray900-opacity0: rgba(18, 25, 38, 0);\r\n  --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n  /* 20% opacity */\r\n  /* White */\r\n  --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n  /* Dark Blue */\r\n  --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n  --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n  /* Gray */\r\n  --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n  --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n  --gray950-opacity20: rgba(13, 18, 28, 0.2);\r\n\r\n  /* 30% opacity */\r\n  --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n  --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n  /* 40% opacity */\r\n  --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n  --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n  /* 50% opacity */\r\n  /* White */\r\n  --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n  /* Gray */\r\n  --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n  --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n  --gray950-opacity50: rgba(13, 18, 28, 0.5);\r\n\r\n  /* ------------------------------------------Secondary Color------------------------------------------- */\r\n  /* blueLight color palete */\r\n  --lightBlue-25: #f5fbff;\r\n  --lightBlue-50: #f0f9ff;\r\n  --lightBlue-100: #e0f2fe;\r\n  --lightBlue-200: #b9e6fe;\r\n  --lightBlue-300: #7cd4fd;\r\n  --lightBlue-400: #7cd4fd;\r\n  --lightBlue-500: #0ba5ec;\r\n  --lightBlue-600: #0086c9;\r\n  --lightBlue-700: #026aa2;\r\n  --lightBlue-800: #065986;\r\n  --lightBlue-900: #0b4a6f;\r\n  --lightBlue-950: #062c41;\r\n\r\n  /* blue color palette */\r\n  --blue-25: #ecf5fe;\r\n  --blue-50: #e4f0fc;\r\n  --blue-100: #c8e0f9;\r\n  --blue-200: #9ac7f4;\r\n  --blue-300: #6aa9e7;\r\n  --blue-400: #378fe6;\r\n  --blue-500: #075db2;\r\n  --blue-600: #064e94;\r\n  --blue-700: #053e77;\r\n  --blue-800: #042f59;\r\n  --blue-900: #022445;\r\n  --blue-950: #021d37;\r\n\r\n  /* Purple color palete */\r\n  --purple-25: #fafaff;\r\n  --purple-50: #f4f3ff;\r\n  --purple-100: #ebe9fe;\r\n  --purple-200: #d9d6fe;\r\n  --purple-300: #bdb4fe;\r\n  --purple-400: #9b8afb;\r\n  --purple-500: #7a5af8;\r\n  --purple-600: #6938ef;\r\n  --purple-700: #5925dc;\r\n  --purple-800: #4a1fb8;\r\n  --purple-900: #3e1c96;\r\n  --purple-950: #27115f;\r\n\r\n  /* pink color palette */\r\n  --pink-25: #fef6fb;\r\n  --pink-50: #fdf2fa;\r\n  --pink-100: #fce7f6;\r\n  --pink-200: #fcceee;\r\n  --pink-300: #faa7e0;\r\n  --pink-400: #f670c7;\r\n  --pink-500: #ee46bc;\r\n  --pink-600: #dd2590;\r\n  --pink-700: #c11574;\r\n  --pink-800: #9e165f;\r\n  --pink-900: #851651;\r\n  --pink-950: #4e0d30;\r\n\r\n  /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n  /* -----------Text Color----------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-text-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-inverse: var(--base-black);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-subtle: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-subtle: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-bold: var(--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  [data-theme='dark'] {\r\n    --color-text-warning: var(--warning-300);\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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-subtle: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-subtle: var(--blue-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-subtle: var(--purple-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-subtle: var(--purple-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-subtle: var(--pink-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-subtle: var(--pink-400);\r\n  }\r\n\r\n  /* --------------Link color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-link: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-visited: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-visited: var(--lightBlue-300);\r\n  }\r\n\r\n  /* --------------Icon color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink: var(--pink-300);\r\n  }\r\n\r\n  /* ----------------Border Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-border-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtle: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtler: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-disabled: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-input: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-input: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-focus: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-focus: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  /* Emmanuel Kadiri starts from background color */\r\n\r\n  /* ----------------Background Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card-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-btn-disabled: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-btn-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-hover: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-hover: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtle: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtler: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtlest: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtlest: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtlest: var(--brandRed-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtlest: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-bold: var(--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  /* ----------------Blanket Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-blanket: var(--darkBlue500-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket: var(--darkBlue200-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n  }\r\n\r\n  /* ----------------Skeleton Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-skeleton: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton: var(--gray-800);\r\n  }\r\n\r\n    [data-theme='light'] {\r\n    --color-skeleton-bold: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton-bold: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Surface Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-bold: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-hovered: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-hovered: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-pressed: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-pressed: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Transparent Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-transparent50: var(--white-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent50: var(--gray900-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent20: var(--white-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent20: var(--gray900-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent-full: var(--white-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent-full: var(--gray900-opacity0);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent-full: var(--gray950-opacity0);\r\n  }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root {\r\n  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\r\n  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n  --blur-sm: blur(4px);\r\n  --blur-md: blur(8px);\r\n  --blur-lg: blur(12px);\r\n  --blur-xl: blur(20px);\r\n}\r\n\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/* -----------------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: 2rem;\r\n  --font-line-height-t-lg: 1.875rem;\r\n  --font-line-height-t-md: 1.688rem;\r\n  --font-line-height-t-sm: 1.5rem;\r\n  --font-line-height-t-xs: 1.25rem;\r\n  --font-line-height-t-xxs: 1.125rem;\r\n\r\n  /* Letter Spacings */\r\n  --font-letter-spacing-d-2xl: -0.09rem;\r\n  --font-letter-spacing-d-xl: -0.075rem;\r\n  --font-letter-spacing-d-lg: -0.075rem;\r\n  --font-letter-spacing-d-md: -0.045rem;\r\n  --font-letter-spacing-d-sm: 0;\r\n  --font-letter-spacing-d-xs: 0;\r\n  --font-letter-spacing-d-xxs: 0;\r\n\r\n  /* Font Families */\r\n  --font-family-title: 'Sora';\r\n  --font-family-body: 'Sora';\r\n}\r\n\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/* Button slot styles */\r\n/* .slotted_button_text.primary {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n  color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n  color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n  color: var(--color-text-danger, #b51726) !important;\r\n} */\r\n\r\n:host {\r\n  width: 100%;\r\n}\r\n\r\n.sub_dropdown_div {\r\n  display: flex;\r\n  padding: var(--spacing-1);\r\n  align-items: center;\r\n}\r\n\r\n.sub_dropdown_div.disabled {\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.content {\r\n  display: flex;\r\n  width: 100%;\r\n  padding: var(--spacing-2);\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n  flex: 1 0 0;\r\n  border-radius: var(--rounded-xs);\r\n  cursor: pointer;\r\n}\r\n\r\n.content:hover {\r\n  background-color: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.content:active {\r\n  background-color: var(--color-background-gray-subtle, #e3e8ef);\r\n}\r\n\r\n.icon {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 1.25rem;\r\n  height: 1.25rem;\r\n}\r\n\r\n.text_and_suppporting_text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n  align-self: stretch;\r\n}\r\n\r\n::slotted([slot='label']) {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n::slotted([slot='label'].disabled) {\r\n  color: var(--color-text-disabled, #cdd5df) !important;\r\n}\r\n";
+const gbExportSubDropdownItemCss = "/* @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  /* gray color palette  */\r\n  --gray-25: #f9fafb;\r\n  --gray-50: #f6f8fa;\r\n  --gray-100: #eef2f6;\r\n  --gray-200: #e3e8ef;\r\n  --gray-300: #cdd5df;\r\n  --gray-400: #808c9e;\r\n  --gray-500: #697586;\r\n  --gray-600: #4b5565;\r\n  --gray-700: #364152;\r\n  --gray-800: #202939;\r\n  --gray-900: #121926;\r\n  --gray-950: #0d121c;\r\n\r\n  /* brand dark blue color palette */\r\n  --brandDarkBlue-25: #f9f9fb;\r\n  --brandDarkBlue-50: #edeef3;\r\n  --brandDarkBlue-100: #d3d5e0;\r\n  --brandDarkBlue-200: #b5b9cc;\r\n  --brandDarkBlue-300: #9095b2;\r\n  --brandDarkBlue-400: #464f7f;\r\n  --brandDarkBlue-500: #212c65;\r\n  --brandDarkBlue-600: #1e285c;\r\n  --brandDarkBlue-700: #1c2554;\r\n  --brandDarkBlue-800: #161d43;\r\n  --brandDarkBlue-900: #0b0f22;\r\n  --brandDarkBlue-950: #070914;\r\n\r\n  /* brand red color palette */\r\n  --brandRed-25: #fffbfa;\r\n  --brandRed-50: #fef1f2;\r\n  --brandRed-100: #fde3e5;\r\n  --brandRed-200: #f9b4ba;\r\n  --brandRed-300: #f68e98;\r\n  --brandRed-400: #f36976;\r\n  --brandRed-500: #e21b2e;\r\n  --brandRed-600: #cc1a2a;\r\n  --brandRed-700: #b51726;\r\n  --brandRed-800: #8c121d;\r\n  --brandRed-900: #680d16;\r\n  --brandRed-950: #3f080d;\r\n\r\n  /* warning color palette */\r\n  --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  /* 0% opacity */\r\n  /* White */\r\n  --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n  /* Gray */\r\n  --gray25-opacity0: rgba(249, 250, 251, 0);\r\n  --gray900-opacity0: rgba(18, 25, 38, 0);\r\n  --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n  /* 20% opacity */\r\n  /* White */\r\n  --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n  /* Dark Blue */\r\n  --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n  --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n  /* Gray */\r\n  --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n  --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n  --gray950-opacity20: rgba(13, 18, 28, 0.2);\r\n\r\n  /* 30% opacity */\r\n  --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n  --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n  /* 40% opacity */\r\n  --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n  --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n  /* 50% opacity */\r\n  /* White */\r\n  --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n  /* Gray */\r\n  --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n  --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n  --gray950-opacity50: rgba(13, 18, 28, 0.5);\r\n\r\n  /* ------------------------------------------Secondary Color------------------------------------------- */\r\n  /* blueLight color palete */\r\n  --lightBlue-25: #f5fbff;\r\n  --lightBlue-50: #f0f9ff;\r\n  --lightBlue-100: #e0f2fe;\r\n  --lightBlue-200: #b9e6fe;\r\n  --lightBlue-300: #7cd4fd;\r\n  --lightBlue-400: #7cd4fd;\r\n  --lightBlue-500: #0ba5ec;\r\n  --lightBlue-600: #0086c9;\r\n  --lightBlue-700: #026aa2;\r\n  --lightBlue-800: #065986;\r\n  --lightBlue-900: #0b4a6f;\r\n  --lightBlue-950: #062c41;\r\n\r\n  /* blue color palette */\r\n  --blue-25: #ecf5fe;\r\n  --blue-50: #e4f0fc;\r\n  --blue-100: #c8e0f9;\r\n  --blue-200: #9ac7f4;\r\n  --blue-300: #6aa9e7;\r\n  --blue-400: #378fe6;\r\n  --blue-500: #075db2;\r\n  --blue-600: #064e94;\r\n  --blue-700: #053e77;\r\n  --blue-800: #042f59;\r\n  --blue-900: #022445;\r\n  --blue-950: #021d37;\r\n\r\n  /* Purple color palete */\r\n  --purple-25: #fafaff;\r\n  --purple-50: #f4f3ff;\r\n  --purple-100: #ebe9fe;\r\n  --purple-200: #d9d6fe;\r\n  --purple-300: #bdb4fe;\r\n  --purple-400: #9b8afb;\r\n  --purple-500: #7a5af8;\r\n  --purple-600: #6938ef;\r\n  --purple-700: #5925dc;\r\n  --purple-800: #4a1fb8;\r\n  --purple-900: #3e1c96;\r\n  --purple-950: #27115f;\r\n\r\n  /* pink color palette */\r\n  --pink-25: #fef6fb;\r\n  --pink-50: #fdf2fa;\r\n  --pink-100: #fce7f6;\r\n  --pink-200: #fcceee;\r\n  --pink-300: #faa7e0;\r\n  --pink-400: #f670c7;\r\n  --pink-500: #ee46bc;\r\n  --pink-600: #dd2590;\r\n  --pink-700: #c11574;\r\n  --pink-800: #9e165f;\r\n  --pink-900: #851651;\r\n  --pink-950: #4e0d30;\r\n\r\n  /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n  /* -----------Text Color----------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-text-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-inverse: var(--base-black);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-subtle: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-subtle: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-bold: var(--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  [data-theme='dark'] {\r\n    --color-text-warning: var(--warning-300);\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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-subtle: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-subtle: var(--blue-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-subtle: var(--purple-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-subtle: var(--purple-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-subtle: var(--pink-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-subtle: var(--pink-400);\r\n  }\r\n\r\n  /* --------------Link color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-link: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-visited: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-visited: var(--lightBlue-300);\r\n  }\r\n\r\n  /* --------------Icon color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink: var(--pink-300);\r\n  }\r\n\r\n  /* ----------------Border Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-border-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtle: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtler: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-disabled: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-input: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-input: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-focus: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-focus: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  /* Emmanuel Kadiri starts from background color */\r\n\r\n  /* ----------------Background Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card-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-btn-disabled: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-btn-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-hover: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-hover: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtle: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtler: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtlest: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtlest: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtlest: var(--brandRed-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtlest: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-bold: var(--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  /* ----------------Blanket Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-blanket: var(--darkBlue500-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket: var(--darkBlue200-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n  }\r\n\r\n  /* ----------------Skeleton Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-skeleton: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton: var(--gray-800);\r\n  }\r\n\r\n    [data-theme='light'] {\r\n    --color-skeleton-bold: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton-bold: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Surface Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-bold: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-hovered: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-hovered: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-pressed: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-pressed: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Transparent Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-transparent50: var(--white-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent50: var(--gray900-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent20: var(--white-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent20: var(--gray900-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent-full: var(--white-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent-full: var(--gray900-opacity0);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent-full: var(--gray950-opacity0);\r\n  }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root {\r\n  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\r\n  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n  --blur-sm: blur(4px);\r\n  --blur-md: blur(8px);\r\n  --blur-lg: blur(12px);\r\n  --blur-xl: blur(20px);\r\n}\r\n\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/* -----------------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: 2rem;\r\n  --font-line-height-t-lg: 1.875rem;\r\n  --font-line-height-t-md: 1.688rem;\r\n  --font-line-height-t-sm: 1.5rem;\r\n  --font-line-height-t-xs: 1.25rem;\r\n  --font-line-height-t-xxs: 1.125rem;\r\n\r\n  /* Letter Spacings */\r\n  --font-letter-spacing-d-2xl: -0.09rem;\r\n  --font-letter-spacing-d-xl: -0.075rem;\r\n  --font-letter-spacing-d-lg: -0.075rem;\r\n  --font-letter-spacing-d-md: -0.045rem;\r\n  --font-letter-spacing-d-sm: 0;\r\n  --font-letter-spacing-d-xs: 0;\r\n  --font-letter-spacing-d-xxs: 0;\r\n\r\n  /* Font Families */\r\n  --font-family-title: 'Sora';\r\n  --font-family-body: 'Sora';\r\n}\r\n\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/* Button slot styles */\r\n/* .slotted_button_text.primary {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n  color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n  color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n  color: var(--color-text-danger, #b51726) !important;\r\n} */\r\n\r\n:host {\r\n  width: 100%;\r\n}\r\n\r\n.sub_dropdown_div {\r\n  display: flex;\r\n  padding: var(--spacing-1);\r\n  align-items: center;\r\n}\r\n\r\n.sub_dropdown_div.disabled {\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n.content {\r\n  display: flex;\r\n  width: 100%;\r\n  padding: var(--spacing-2);\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n  flex: 1 0 0;\r\n  border-radius: var(--rounded-xs);\r\n  cursor: pointer;\r\n}\r\n\r\n.content:hover {\r\n  background-color: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.content:active {\r\n  background-color: var(--color-background-gray-subtle, #e3e8ef);\r\n}\r\n\r\n.icon {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 1.25rem;\r\n  height: 1.25rem;\r\n}\r\n\r\n.icon path[stroke] {\r\n  stroke: var(--color-icon, #4b5565);\r\n}\r\n\r\n.icon path[fill] {\r\n  fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.text_and_suppporting_text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-2);\r\n  align-self: stretch;\r\n}\r\n\r\n::slotted([slot='label']) {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n::slotted([slot='label'].disabled) {\r\n  color: var(--color-text-disabled, #cdd5df) !important;\r\n}\r\n";
 const GbExportSubDropdownItem = class {
     constructor(hostRef) {
@@ -4243,7 +4245,7 @@ const GbExportSubDropdownItem = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '30301a30f9e30eea3c6213fb4c0f48036ff3f8f6', class: `sub_dropdown_div ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: 'f6a0a30052d19cca6c98216d7f8229ad8d203858', class: `content` }, h("div", { key: 'e6fd374750ea7cc0d5a16279dbd6a460773d297c', class: `text_and_suppporting_text` }, h("div", { key: '7871a36bf6c45c4999232799aa5c4b0863a230f9', class: `icon ${this.state}`, innerHTML: this.leadingIconSvg }), h("div", { key: '29ef731631a4ff5c6118daf672337c1847a66c5c', class: `text` }, h("slot", { key: '622a396c7cd216fd278e5ad8b553f2b5422ff1d7', name: "label" }))))));
+        return (h("div", { key: 'a3cde9ce731a7faae075c32db197a5e23ca03b1c', class: `sub_dropdown_div ${this.state === 'disabled' ? 'disabled' : ''}` }, h("div", { key: '2d23383b2eb63e1814d59dcbec1e56de12eb0285', class: `content` }, h("div", { key: '43d29fe859b6e91486a70cce5f1b1b5eda80bbae', class: `text_and_suppporting_text` }, h("div", { key: '54d6c5b5988c9bb0b33160754d884af4da9314a5', class: `icon ${this.state}`, innerHTML: this.leadingIconSvg }), h("div", { key: 'dc3fec9bc7dc74cca0a8f9e48564fd41bee1854c', class: `text` }, h("slot", { key: '871948fa61d2833e1fa9c1e74687dbd6af33d95a', name: "label" }))))));
     }
     get el() { return getElement(this); }
 };
@@ -4268,7 +4270,7 @@ const GbFeaturedIcon = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '5e67e81c8e3ba11593526a63078e7e55485fbcff', class: `featured_icon_div ${this.size} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '0ad814af298c04d1ed4dc25be98b8f212355f7be', class: `icon ${this.size} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })));
+        return (h("div", { key: '1ad63004479ec85b29ef7b5a5279402475cd4d51', class: `featured_icon_div ${this.size} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '8446a5ecc7578dbdb104366b2688371b841f7d0a', class: `icon ${this.size} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })));
     }
 };
 GbFeaturedIcon.style = gbFeaturedIconCss;
@@ -4280,7 +4282,7 @@ const GbFileTypeIcon = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Fragment, null, this.fileStyle === 'default' && (h(Fragment, null, this.fileType === 'pdf' && (h("svg", { key: '22d44f391adff66dcd0b9f31e5e70ae08a0a9f15', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '45d8ddbbca9f6626b82460475e897d3e3c706503', 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" }), h("path", { key: 'b50ddc007a9ad9f70c462e23f410ed3e3a22c8e9', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '0a859162a8fda3a5d75cbf001abc6ed400404c3a', x: "0.5", y: "17.5", width: "27", height: "17", rx: "2", fill: "#B51726" }), h("path", { key: 'bbbd9ac6c8ed452befe5ea69923927a6b746f684', 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' && (h("svg", { key: '68fd77cc449462e49ab896142cbe752df21e89fb', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0d2fefaa3cc47e3e6adecbc04ba8b13284c7e3ab', 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" }), h("path", { key: '08da2c046f4c9dfd80c3e94dfd5a3e4922ffb756', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '0efa31d2543f7cf555851c2c5759b0cfa2b624af', x: "1", y: "17.5", width: "28", height: "17", rx: "2", fill: "#079455" }), h("path", { key: '82fffd141fec7e84cec32ef4e9bedb33f196d245', 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' && (h("svg", { key: '16edabc8d06c8500c8ca040188ece09fee9012b6', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '24e620e264c2d4deedc9ee6b968ab90e1f6a1e77', 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" }), h("path", { key: 'de64ca54287bb741d6bdc6b0bca3cee52f89ec83', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'b247c02e6e22872cfcbced3cec8c52221961bfc1', y: "17.5", width: "28", height: "17", rx: "2", fill: "#6938EF" }), h("path", { key: 'fde56796b000dd784ccbc74f13ebf4c1f89d812c', 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' && (h("svg", { key: 'f0963e61caa629450d70b12dbe55dd3ac03605e7', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dc7842928aa801b9139807abf8103a5ccb015d9b', 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" }), h("path", { key: 'd4e15d1ad0d8e45fb38c54cefb53c7fa3ab0a6ab', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '8ede1e6c52a9f785b712f56f1dfdd0be9116c178', y: "17.5", width: "34", height: "17", rx: "2", fill: "#6938EF" }), h("path", { key: '2230218444d24806e21d8355f6d19b2e3c4f520c', 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' && (h("svg", { key: 'a6279602c141d3d0eb5d74e74407064fbb8763a3', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b8076d06a33c24713a09f0063159d11e2aae5a77', 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" }), h("path", { key: '1ca5ae981917fbd174588f3b8d10705f08b53411', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'e63dd4b0e6b0faf7386a430ab3d79def812fb995', x: "1", y: "17.5", width: "26", height: "17", rx: "2", fill: "#93370D" }), h("path", { key: '27201988c6b2e23bb187fef9d1050399e4ccf65f', 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' && (h("svg", { key: 'c537f1616342c5a8aaed1f6b126abed3e6aacc9f', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ca0c36e6fced4280a161dcb43633df39dd770ed8', 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" }), h("path", { key: 'fe9337ca2aa7fc34e9d85edbc5b3b2fd1e6907b2', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'fe6691a1b602fe986665de09e3a4c5bef3d1f17e', x: "1", y: "17.5", width: "33", height: "17", rx: "2", fill: "#93370D" }), h("path", { key: '691de7006f498f29556fd31ea391894c1e10e89f', 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' && (h("svg", { key: '34f2f642b66c851efe9c4bb57107c4bb63ed259a', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '11a4ce14c9a2cdbfbe5028370d3b75de5f53f49b', 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" }), h("path", { key: '99fcf41da703aacbdc64598a38ae2a7c5ed08272', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'd68d23cbfdc883ac0708a06ed9a4137b6b5771fd', y: "17.5", width: "31", height: "17", rx: "2", fill: "#064E94" }), h("path", { key: 'e9ea5549e084339f5f866c9e63c2e5e25f273277', 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' && (h("svg", { key: '395caa3c8b9fe1dcddb28a428e1e8ef75ada2654', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7192d110f79086896f9d0de1f6a805b335eb6180', 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" }), h("path", { key: 'f354debf1472c6b71174f18c9793e9d3fd8e9c01', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '3fcfc9b74095205a467ff7f02a15e88c3af55044', y: "17.5", width: "38", height: "17", rx: "2", fill: "#064E94" }), h("path", { key: '492452085eea3388b6c82137f22e119d13132cae', 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' && (h("svg", { key: '81a22fec52cd8bfd2903a9690249d59bf9fe2440', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c63792ab51cae89bc6c73c53e795692dec77e254', 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" }), h("path", { key: '12f40012e1ed2e7c4d32a427e401086e785200b6', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '14baa64413424130193d997aba1a2fe3190812ac', x: "1", y: "17.5", width: "26", height: "17", rx: "2", fill: "#079455" }), h("path", { key: '0e9b52c6b84a97e5137d499aec98ffc70d308694', 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' && (h("svg", { key: 'e1dd09e569873df86e73ae62a194c3f2598be6da', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1b2af3649e4ffb4e3069cf964936c882bb8c6aca', 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" }), h("path", { key: '5563f74ed20e1d46ed7117eba829cb0ddd307201', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '4a9861e5244344361488a836adb912a641f3b2f4', x: "1", y: "17.5", width: "33", height: "17", rx: "2", fill: "#079455" }), h("path", { key: '92f47f9ea5a71ce888a0bd52048133b12b709346', 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' && (h("svg", { key: 'c3d2879d73fdbfb61ba226e625bc2ea1079d0301', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '48f77225d78d69ed86f70fb684abbae88430e073', 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" }), h("path", { key: '093609fbe50209af0b83eadf8d3dfb6969322c12', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'cc216dd2d5c6049f98ef74e57fb70ea6d5a35d22', x: "0.5", y: "17.5", width: "29", height: "17", rx: "2", fill: "#6938EF" }), h("path", { key: '0a97514a0b3f16b7127cafa1a459074ebef9f8c0', 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' && (h("svg", { key: '265120ae64052464098eb2c1136b0bb0320c12ae', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e25f20fd4aef75859c60301f55a2792ff462854d', 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" }), h("path", { key: 'e83092221ff9beafb53baad679c6d928c093b92f', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '47bdb01901aca8f7f7d786ed9673bd00d5e911da', x: "1", y: "18", width: "26", height: "17", rx: "2", fill: "#202939" }), h("path", { key: '2223d6e4d24cbbc2c9d0d7dad049df96acff48c6', 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' && (h("svg", { key: 'b218aecf1c997c02999e9a784e0e0378fb67d57f', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f136f6f52f5bde400f4867f47957d3208323a9e7', 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" }), h("path", { key: '07835b6180b65758ecee12e44015828863a03a81', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '64edb0cee404320593edb0b62e13530f138617f7', x: "0.5", y: "17.5", width: "23", height: "17", rx: "2", fill: "#202939" }), h("path", { key: 'e291b580904063593dc58aace454a26c62afd6f5', 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' && (h("svg", { key: '30adc7117f3d7c8d62369dea281ecf69d2c41dfd', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'df399bd623333d1a1d8fa1115cf90953b63bbb3c', 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" }), h("path", { key: 'b9e645e9adc48b437ffa5d36e01e589d972ddc25', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '174f3d6002349b9931ec886a29cc1069d8316594', y: "17.5", width: "29", height: "17", rx: "2", fill: "#202939" }), h("path", { key: '7d45fd87f0081d5429b9c1bdffe98f5dbb502cd3', 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' && (h("svg", { key: 'cf367ff0dfe3a454ecd2e15d48dff190b8d79ea8', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7363ed68100efee534d8d90e6b30aff9d1842c19', 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" }), h("path", { key: '449b23cf1b23743d1ad3adaa36fe36e4f9d7735f', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '3c049fe3aa12dea6f6948e01f3b69747d1316699', x: "1", y: "17.5", width: "29", height: "17", rx: "2", fill: "#DD2590" }), h("path", { key: '66ae381b8aead398206b4216b40f2fb19e1ba33e', 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' && (h("svg", { key: '4fd26480d2411b9f0ab1a8eea6a76dcd6cf0c8dc', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f22af032c960b9ee3f4aaa2159f07c9f0052c7bc', 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" }), h("path", { key: '02088a09809ba6a51fc5b45ef9125dce5391b43a', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '21d0374770094a23f5d14b6815c0a8b332026c56', x: "0.5", y: "17.5", width: "30", height: "17", rx: "2", fill: "#064E94" }), h("path", { key: '06c994af52bbd8818372b6a04e68358bcb8451d2', 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.fileType === 'png' && (h("svg", { key: '166269337ca6ff022a03ae33ba2f5b6a067d7a55', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3533b0540186ec92ab546e53ad3acb7b70173727', d: "M11 0.75H27C27.0911 0.75 27.1793 0.777281 27.2539 0.827148L27.3232 0.883789L38.1162 11.6768C38.2019 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 36V4C7.75 2.20507 9.20508 0.75 11 0.75Z", fill: "white", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("path", { key: '078110ed8bb0f666e0842b411d77d9b56445caf7', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'c77af9322091cb8264003671c36e730a22f356cb', y: "17.5", width: "30", height: "17", rx: "2", fill: "#6938EF" }), h("path", { key: 'cc9ca3ad007a0c61ed51ed89c14eae8989ad381e', d: "M5.38012 27.41V25.99H6.69012C6.94345 25.99 7.16012 25.94 7.34012 25.84C7.52678 25.74 7.67012 25.6 7.77012 25.42C7.87012 25.2333 7.92012 25.02 7.92012 24.78C7.92012 24.5267 7.87012 24.31 7.77012 24.13C7.67012 23.9433 7.52678 23.8033 7.34012 23.71C7.16012 23.61 6.94345 23.56 6.69012 23.56H5.38012V22.14H6.61012C7.23012 22.14 7.76012 22.2433 8.20012 22.45C8.64678 22.6567 8.98678 22.95 9.22012 23.33C9.46012 23.71 9.58012 24.1667 9.58012 24.7V24.86C9.58012 25.38 9.46012 25.8333 9.22012 26.22C8.98678 26.6 8.64678 26.8933 8.20012 27.1C7.76012 27.3067 7.23012 27.41 6.61012 27.41H5.38012ZM3.94012 29.5V22.14H5.58012V29.5H3.94012ZM10.61 29.5V22.2H13.3L16.05 28.17H16.39L16.19 28.35V22.2H17.73V29.5H15.02L12.27 23.53H11.93L12.13 23.35V29.5H10.61ZM22.8298 29.69C22.1765 29.69 21.6065 29.5833 21.1198 29.37C20.6331 29.15 20.2298 28.8567 19.9098 28.49C19.5965 28.1233 19.3631 27.7167 19.2098 27.27C19.0565 26.8233 18.9798 26.3767 18.9798 25.93V25.71C18.9798 25.25 19.0565 24.8 19.2098 24.36C19.3631 23.92 19.5931 23.52 19.8998 23.16C20.2131 22.8 20.5998 22.5133 21.0598 22.3C21.5265 22.0867 22.0631 21.98 22.6698 21.98C23.3298 21.98 23.9131 22.1033 24.4198 22.35C24.9265 22.59 25.3331 22.9267 25.6398 23.36C25.9465 23.7867 26.1231 24.2833 26.1698 24.85H24.5298C24.4898 24.5833 24.3831 24.35 24.2098 24.15C24.0431 23.95 23.8265 23.7933 23.5598 23.68C23.2998 23.5667 23.0031 23.51 22.6698 23.51C22.3498 23.51 22.0631 23.5667 21.8098 23.68C21.5631 23.7933 21.3498 23.9533 21.1698 24.16C20.9965 24.3667 20.8631 24.6133 20.7698 24.9C20.6831 25.18 20.6398 25.49 20.6398 25.83C20.6398 26.1833 20.6865 26.5067 20.7798 26.8C20.8798 27.0867 21.0231 27.3367 21.2098 27.55C21.3965 27.7567 21.6265 27.9167 21.8998 28.03C22.1798 28.1433 22.4898 28.2 22.8298 28.2C23.2831 28.2 23.6765 28.1067 24.0098 27.92C24.3431 27.7333 24.5831 27.4867 24.7298 27.18L24.5298 28.3V26.56H26.0398V28.12C25.7265 28.6267 25.2931 29.0167 24.7398 29.29C24.1931 29.5567 23.5565 29.69 22.8298 29.69ZM22.6198 26.88V25.7H26.6398V26.88H22.6198Z", fill: "white" }))))), this.fileStyle === 'gray' && (h(Fragment, null, this.fileType === 'pdf' && (h("svg", { key: '16acfeb574a8e4647209e8622fb28b0d22977056', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8a80851b67bb5e195ed6f44df3d070efcaf8f4ef', 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" }), h("path", { key: '481242cd8f8c1603251242ab5dd93dc0cd1f0720', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'd16912cd8736ca355bad999cf9c99ef4ef5b82e3', 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' && (h("svg", { key: 'aac191944d5dccd54d9c6c1630ad11a660be83a6', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0c794bd2969f0ea5bdda6a948af385cea23a54f0', 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" }), h("path", { key: '8a370095d81dc79950e0045d12dce82d7c5b08e3', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '3feae916507818c9f3afdfb126018dad669e8bb2', 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' && (h("svg", { key: '8d6bf53d4238013060328b1622d0f47f639e9d09', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cdff161d5f9e79ac3e1c7c229824c27ef4428792', 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" }), h("path", { key: 'f84062663b36d17bdf30d68f44ebf3d46cf07afd', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '2e38427846fe9382612b8b35f12b2b6697d31350', 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' && (h("svg", { key: '5cdc8ca876aa4e77c6b736ba5548c7039f42c246', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd3e9a1f1c25e73031d200cba4f6d31d313eedf9b', 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" }), h("path", { key: '5f71a74c9fa8b30ba4e2a14863b798074984647c', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '1a2a62aa3ab94fcc15860e94cd56544ca7cb5ee8', 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' && (h("svg", { key: 'cfa56555b4f73941de707ab6860476b1b7b65512', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e1fd7549974ad103874d070689d9b4934158e0f4', 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" }), h("path", { key: '157c132ece5f0d9e63016304403741e554ed6e62', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'a346558470d2daaa668644a3dbd4da44e934f9f5', 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' && (h("svg", { key: '7799e8dfe7f959083d309a2ad50b5d594e554f57', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8316efad566656daea453473c0aace8dc439bc53', 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" }), h("path", { key: '91cb6e26571fcb3c0fe928af9b0ae017335884c7', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'eedeac63c35cea15d2208640098371b6a522183d', 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' && (h("svg", { key: 'aa36252670543833674510c0a408e3a9165ec342', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c250557b2e5a817dfc660371e79739fa6caefec8', 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" }), h("path", { key: 'facd4f58e4746544d8ef331a707460f36cae1b85', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '131b8b8b4c6ac720769f1e872a9a0fef56698227', 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' && (h("svg", { key: '3b49f41fbfa2b3399f01004035ad4445797235e9', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2904ac9306b1b828a01b45ea367f55512e8e5ff1', 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" }), h("path", { key: '1272e34eac474dc96d3e5895f17a88cc10324eac', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'aed5fdef0f0188f4ca16a94eed30882c8d89ad77', 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' && (h("svg", { key: '5d996466861a3db458429d6274bca1459745b25f', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'aadfc088cc9065820d5e8b75eedafa37e0ffc1d2', 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" }), h("path", { key: 'f46132b017da170fa7780398928819eb294ebde8', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '8d5f3116fd4d05dc4a7e563b16dd67c22b5ca54f', 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' && (h("svg", { key: 'f78507ae04ce1c66279ba729687cc29735bcefc6', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ff7437369d146e31cad8047ecdb15a4a04c4e0c6', 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" }), h("path", { key: '7e8df88bf85965e0a9cc420214ffd5ec05877dd1', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '9dff5cc16ae8eb50c05e1d38dc33269e1ea05b4f', 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' && (h("svg", { key: '975dccb6fa06c7a0bff89e712d85561e377d4214', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e0515d0697679327861e789dae5247c623001b55', 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" }), h("path", { key: '602992054554fe5573bb6869dfbc9abbd4668601', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '7ee95a713a2a526c1c0df8da0787a50f42afdfac', 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' && (h("svg", { key: '82a13a7213b61bf0a64157fb13ad24c7c22e618e', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '38d990d1852ba3228e39689aafe83c4adc94c3c2', 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" }), h("path", { key: '614eb4f0bec5bb015e99ae5d9e2d8be260e30ff1', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '3311762a719cb52cf15a97e185927e51227a9da7', 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' && (h("svg", { key: '78bbd905285e259c7bd8c7c433f26c6e31cd2f49', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0a1f3298626b37cad3b4cf9c5c0cab19ba06f819', 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" }), h("path", { key: 'dd6ed82a0eb852bdf48b0f8e1c84636b888ec242', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '61d31c8054ed8054d68d9aaba29686d7cf39c38f', 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' && (h("svg", { key: '5b18f5807d44680cf9834631a74edfd00f90a078', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8037e617ad3de053622de6bb7380af996e67ff7e', 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" }), h("path", { key: '19a969675197f2b915a8b83df87ecc229c1889a3', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '0a646fc32fc1bfd61568867c962367e5fa9bc19e', 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' && (h("svg", { key: 'dac3b1af0a255e701d0b8a3d5259a350078c4561', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9ab1a5242cf4be3c335807a54b151ebbb6555e31', 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" }), h("path", { key: '5bde667afca064ac641b50f2efb504cdb7dc5d7b', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'ea9d24b09fa029e9c38a37d9426d68b9828805f9', 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' && (h("svg", { key: '18e4295a89d2cfc5cecd82bcbc4534e8eb29bf65', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ca273a434e684e511ab92c82cf85a7c15dd01c55', 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" }), h("path", { key: '5baf92a85aa7db834d1b8641d283d12453bbe4d6', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '87f2ec90a35b2c28432e0686c8337cd644e67bf5', 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.fileType === 'png' && (h("svg", { key: '7059fb17f09ce96fb73fd4b594ca403c194bc512', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4e60cd72f424779d0bb7fccae739329ce394153a', 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" }), h("path", { key: '954f4da1ce3f0bd616d96d39574f1812662e25c7', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '17d31964545c00b51bb599ed1f636bcfd5ab6b44', d: "M10.9229 32V25.4545H13.5053C14.0017 25.4545 14.4247 25.5494 14.7741 25.739C15.1235 25.9265 15.3899 26.1875 15.5731 26.522C15.7585 26.8544 15.8512 27.2379 15.8512 27.6726C15.8512 28.1072 15.7574 28.4908 15.5699 28.8232C15.3824 29.1555 15.1108 29.4144 14.7549 29.5998C14.4012 29.7852 13.973 29.8778 13.4701 29.8778H11.8242V28.7688H13.2464C13.5127 28.7688 13.7322 28.723 13.9048 28.6314C14.0795 28.5376 14.2095 28.4087 14.2947 28.2447C14.3821 28.0785 14.4257 27.8878 14.4257 27.6726C14.4257 27.4553 14.3821 27.2656 14.2947 27.1037C14.2095 26.9396 14.0795 26.8129 13.9048 26.7234C13.7301 26.6317 13.5085 26.5859 13.24 26.5859H12.3068V32H10.9229ZM22.2248 25.4545V32H21.0295L18.1819 27.8803H18.1339V32H16.75V25.4545H17.9645L20.7898 29.571H20.8473V25.4545H22.2248ZM27.7084 27.5703C27.6637 27.4148 27.6008 27.2773 27.5198 27.158C27.4389 27.0366 27.3398 26.9343 27.2226 26.8512C27.1076 26.766 26.9755 26.701 26.8263 26.6562C26.6793 26.6115 26.5163 26.5891 26.3373 26.5891C26.0028 26.5891 25.7088 26.6722 25.4552 26.8384C25.2038 27.0046 25.0078 27.2464 24.8671 27.5639C24.7265 27.8793 24.6562 28.2649 24.6562 28.7209C24.6562 29.1768 24.7255 29.5646 24.8639 29.8842C25.0024 30.2038 25.1985 30.4478 25.452 30.6161C25.7056 30.7823 26.0049 30.8654 26.3501 30.8654C26.6633 30.8654 26.9307 30.81 27.1523 30.6992C27.376 30.5863 27.5465 30.4276 27.6637 30.223C27.783 30.0185 27.8426 29.7766 27.8426 29.4975L28.1239 29.5391H26.4364V28.4972H29.1754V29.3217C29.1754 29.897 29.0539 30.3913 28.811 30.8047C28.5681 31.2159 28.2336 31.5334 27.8075 31.7571C27.3813 31.9787 26.8934 32.0895 26.3437 32.0895C25.7301 32.0895 25.191 31.9542 24.7265 31.6836C24.262 31.4109 23.8998 31.0241 23.6399 30.5234C23.3821 30.0206 23.2532 29.424 23.2532 28.7337C23.2532 28.2031 23.3299 27.7301 23.4833 27.3146C23.6388 26.897 23.8561 26.5433 24.1353 26.2536C24.4144 25.9638 24.7393 25.7433 25.11 25.592C25.4808 25.4407 25.8824 25.3651 26.3149 25.3651C26.6857 25.3651 27.0309 25.4194 27.3505 25.5281C27.6701 25.6346 27.9534 25.7859 28.2006 25.9819C28.4499 26.1779 28.6534 26.4112 28.811 26.6818C28.9687 26.9503 29.0699 27.2464 29.1147 27.5703H27.7084Z", fill: "#4B5565" }))))), this.fileStyle === 'solid' && (h(Fragment, null, this.fileType === 'pdf' && (h("svg", { key: 'c593896d4c0dc983088181588ece3c2c8def0803', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ffd1039c7164e5ca2ef518fac7deef9971f660af', 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" }), h("path", { key: 'edd62c6138106a2222b40720c82f24057f5bb758', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '2dcab19779105e867e2a3590d6da5769a8bdf329', 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' && (h("svg", { key: '65578bd972bf8e576d011e6a8e7c2b1c6d9dd2e0', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '79d2e2dff0fc901d4aa71aaab154166bfeeb9f61', 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" }), h("path", { key: '37cbc37c58a7c9aa893805c8dff008c926609d00', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '91bc5ddcbe11cd14da613be1338553baab8ed245', 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' && (h("svg", { key: '4e0ea49b8f0d63d6b7de69ceffe6a1f980ec6223', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '87bbc1e5cf6f5a864beef5f59cb17151bd6910e9', 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" }), h("path", { key: '5b76b605dbc065448e1abb3af4addb682aac1bca', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'a1913b394a267979747ee72a87dfffbde1d30058', 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' && (h("svg", { key: '3fe457bdf47c4f8c3f9aee8ce48aee3cf9b751cf', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7aaf57ec945d9431b57b516ca4e1eefff4f62240', 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" }), h("path", { key: '2bd9c5f4041611dafb4e8f4596b1a5217e28f11f', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '41d27e492002a72a0622a86f1e06081fadce0af2', 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' && (h("svg", { key: '881e1e195a86b2d97ed1eda488c7712147773aa7', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9287f99f85b1be6adea4b647fd5f38f10b6c64f0', 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" }), h("path", { key: '0baf67443cea375ff7eef118ffe5672f7dfed9d8', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'f6955978883a77fadec1d69a2838c4181e92af42', 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' && (h("svg", { key: '39f2aed64b1a1bb89198fe75c30069024b994b29', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1a20869f95f20abb8ac5347f27d88418558f8794', 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" }), h("path", { key: 'dbba54553dd140317dc09979efa103bfbe235b3d', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'a4cd6ccf0c80f5311ea1d76baef58963714c4092', 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' && (h("svg", { key: 'c0d6e69e39e07e91d5ab03e7df45575eb35f2b98', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7cc386137e7380c4273f3ca215123bd2fe0d6caf', 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" }), h("path", { key: '80ab0ba56f3480a1f362e12e9addf9e12f8075ee', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '45170854e3b3bd67806d862d5fac447c74151dc9', 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' && (h("svg", { key: '62e74016605449cc260723b37f642dfebe9c29c4', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '027bf23a8d86a8956f462e35fac26f1a5c5c0bbe', 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" }), h("path", { key: '565dd2c413d6ba607e18a96a3e2a1f86fab462f0', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'c937ac95b2d85cb8a6c4b31dec36b68d3ac93a8e', 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' && (h("svg", { key: '317639afde9ae4a8cede5eda5fbb33e2b92fae3d', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dfef33e7b7a5533d451bf644c2df5fce2da3ab47', 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" }), h("path", { key: '6a0b0b733b7966c0530f44a39281c7e6954f11c0', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'd72c3f0775d9e39343d08bc2bfa33e6930764733', 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' && (h("svg", { key: '6d9786d3f43e6e15acd91da99e2529d94aae8a0b', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0f28b401e3a015f511aa53e4b3fcfbb40e273096', 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" }), h("path", { key: '757353276860b82176387cc663809e369bf6b346', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'e743f004e8209062babffc78f9d39d1a19f27dcc', 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' && (h("svg", { key: '8184ab8dad24c5d70e910bc3e28d564501626322', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9359888253ae379899064410ac9c83b450773d8c', 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" }), h("path", { key: 'd0ebf63031a42468d7883e6e8ac7613eb623dd29', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '53aa63a01e3e65e0a9fcd5696566556a77656d83', 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' && (h("svg", { key: '87062ba6cee72cab4af7fe56bee25df67eb11607', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7367b58a458b4134bcffc0e32b9a264f73bc18c5', 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" }), h("path", { key: '6887d893959413ae86d987d67f04453d785c00bd', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'a516a49f08f265bfabe271e237fec2c07b6e7198', 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' && (h("svg", { key: 'febfa8cadfdbaf120a2d3d6485af8502ff445046', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cf23484ebc84e55fe56d6c97a63a80cec3a53b9d', 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" }), h("path", { key: '6e216c61a9b0fc0b293cee1d3748fd41e600005a', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'db8f3a9de3f15287347868e3e217fc5578a7346d', 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' && (h("svg", { key: '1f48db875249fa8e49169f6b42244910267e96d2', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5bcf8c97a21b2799b79bfbc64b3438d0b2131c40', 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" }), h("path", { key: 'de4ad4a56a465bfa02b1f0b5e582772347225432', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '19f991e5f1f489f52ba973e0161b01daf71f07bf', 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' && (h("svg", { key: '4c35bf1cde84867985b7516d285edb7ae8ddfb85', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'df7b4eb50df18f3152129d754f1d898c5f6c2694', 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" }), h("path", { key: '55eb867b76ea0a0fe131d8d6db10294b579b5514', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '5956d40046e2ac555ffbe92e9bd58b8b1eda317d', 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' && (h("svg", { key: '4815e44037abdea785c4e7db115691d95dcfd6f0', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7fdc63d821f0086dd5c0439c5578eb214a144c5c', 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" }), h("path", { key: '17adaac3a1e7be8bbfe1f234221c039160c2eb8e', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '3befaad15e620d39f7a5b847fb4e882b79ed4c4b', 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" }))), this.fileType === 'png' && (h("svg", { key: 'ce0d9c2f5c658c1fd047411887183c3e4c05c3ce', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c728ad6f53ea4288b411dc96ba0c3bb305aba285', 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" }), h("path", { key: '8e7dea8ddfb3d5c9975aa1a205c57243337d8e37', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '25168bd4517354ddd43255d12612c2b86e7fa559', d: "M10.9229 32V25.4545H13.5053C14.0017 25.4545 14.4247 25.5494 14.7741 25.739C15.1235 25.9265 15.3899 26.1875 15.5731 26.522C15.7585 26.8544 15.8512 27.2379 15.8512 27.6726C15.8512 28.1072 15.7574 28.4908 15.5699 28.8232C15.3824 29.1555 15.1108 29.4144 14.7549 29.5998C14.4012 29.7852 13.973 29.8778 13.4701 29.8778H11.8242V28.7688H13.2464C13.5127 28.7688 13.7322 28.723 13.9048 28.6314C14.0795 28.5376 14.2095 28.4087 14.2947 28.2447C14.3821 28.0785 14.4257 27.8878 14.4257 27.6726C14.4257 27.4553 14.3821 27.2656 14.2947 27.1037C14.2095 26.9396 14.0795 26.8129 13.9048 26.7234C13.7301 26.6317 13.5085 26.5859 13.24 26.5859H12.3068V32H10.9229ZM22.2248 25.4545V32H21.0295L18.1819 27.8803H18.1339V32H16.75V25.4545H17.9645L20.7898 29.571H20.8473V25.4545H22.2248ZM27.7084 27.5703C27.6637 27.4148 27.6008 27.2773 27.5198 27.158C27.4389 27.0366 27.3398 26.9343 27.2226 26.8512C27.1076 26.766 26.9755 26.701 26.8263 26.6562C26.6793 26.6115 26.5163 26.5891 26.3373 26.5891C26.0028 26.5891 25.7088 26.6722 25.4552 26.8384C25.2038 27.0046 25.0078 27.2464 24.8671 27.5639C24.7265 27.8793 24.6562 28.2649 24.6562 28.7209C24.6562 29.1768 24.7255 29.5646 24.8639 29.8842C25.0024 30.2038 25.1985 30.4478 25.452 30.6161C25.7056 30.7823 26.0049 30.8654 26.3501 30.8654C26.6633 30.8654 26.9307 30.81 27.1523 30.6992C27.376 30.5863 27.5465 30.4276 27.6637 30.223C27.783 30.0185 27.8426 29.7766 27.8426 29.4975L28.1239 29.5391H26.4364V28.4972H29.1754V29.3217C29.1754 29.897 29.0539 30.3913 28.811 30.8047C28.5681 31.2159 28.2336 31.5334 27.8075 31.7571C27.3813 31.9787 26.8934 32.0895 26.3437 32.0895C25.7301 32.0895 25.191 31.9542 24.7265 31.6836C24.262 31.4109 23.8998 31.0241 23.6399 30.5234C23.3821 30.0206 23.2532 29.424 23.2532 28.7337C23.2532 28.2031 23.3299 27.7301 23.4833 27.3146C23.6388 26.897 23.8561 26.5433 24.1353 26.2536C24.4144 25.9638 24.7393 25.7433 25.11 25.592C25.4808 25.4407 25.8824 25.3651 26.3149 25.3651C26.6857 25.3651 27.0309 25.4194 27.3505 25.5281C27.6701 25.6346 27.9534 25.7859 28.2006 25.9819C28.4499 26.1779 28.6534 26.4112 28.811 26.6818C28.9687 26.9503 29.0699 27.2464 29.1147 27.5703H27.7084Z", fill: "white" })))))));
+        return (h(Fragment, null, this.fileStyle === 'default' && (h(Fragment, null, this.fileType === 'pdf' && (h("svg", { key: '3ac71c95c5e45bad576110bab676e7f03bb9f6cd', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b8603a7d4390952a57e99b28a430b634b20b9a2b', 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" }), h("path", { key: '8e8dfae1edbc760d5efac9b5ba426b1b035f4ffc', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'b2e62a819bc17371f7d5de51b34cd64e14f69469', x: "0.5", y: "17.5", width: "27", height: "17", rx: "2", fill: "#B51726" }), h("path", { key: '8529f5a23377f18d32845b98cb701f1e497393ef', 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' && (h("svg", { key: '64b718bb07ea29384d98e5e69416f44ec0333d6c', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'eff249eb7434117574d52b81e26f6d2487081ca1', 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" }), h("path", { key: '49ddcf376b4a4c797be08b8f21feeef8cf23d905', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '1e8964a00e695d9e3861416e86fe581a21a8347e', x: "1", y: "17.5", width: "28", height: "17", rx: "2", fill: "#079455" }), h("path", { key: '020a3c35affad0580a850dcc76098c0302f93ec8', 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' && (h("svg", { key: '39444c6187b0da0935b0f1e4cd9e049a61fad436', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '184e84253a7519e248fb156e87e053c26fe6db98', 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" }), h("path", { key: '7711aad98ae80b61d20b7f54c2fe73bd9910b2fe', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '3d66e9461d316e692a52d34266a9d62db49f3cd9', y: "17.5", width: "28", height: "17", rx: "2", fill: "#6938EF" }), h("path", { key: '1251613feab611467363956ea697757468fd1ffa', 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' && (h("svg", { key: '49f05bddaf9b498ccbabb76ad55b24404debed6f', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cb3d23a6e7a2d07fe5601466fdf6dc99af546864', 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" }), h("path", { key: '1366d5c6720a4d99285f63128fd93c2edfc654f1', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '62d1050650db7a16f8c673f36b5f5462847783ea', y: "17.5", width: "34", height: "17", rx: "2", fill: "#6938EF" }), h("path", { key: '11ef012be1b3a177eb9855a74a441ec5d30e9d0e', 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' && (h("svg", { key: '633a8f0fae41e5c03270245803c023132dea166a', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4551a53255fd9467c2ba61096c15623c496e8c79', 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" }), h("path", { key: 'f7421f12252340ec4d08f61766b80be10a657029', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'bcbd57bb78dd2da8a814387d402771f4736c83af', x: "1", y: "17.5", width: "26", height: "17", rx: "2", fill: "#93370D" }), h("path", { key: '5f3104b99044c8ba2d9f705b31efbfc0af44e187', 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' && (h("svg", { key: 'f97877e3261e491225ba0bb08f4738f2a65c7692', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f930dae9d0172ae71cc96a196d95240102e00465', 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" }), h("path", { key: '6f811a0c97ba94f8a87008beaabc92547bafd5d6', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '0d01eda5543b4dcc17f4af9c3721346ebd86dcf4', x: "1", y: "17.5", width: "33", height: "17", rx: "2", fill: "#93370D" }), h("path", { key: '3b08586462e17b496ff65f82ee7ca223ed4bbd4b', 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' && (h("svg", { key: '0cc5e3ee9fe7c83bedd8be1998d0bab159a780ca', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ce29c7a03dfd6fa09cf5b0fc46a15e53c7ea02cb', 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" }), h("path", { key: '29d9082a74af839d61311117da356cb2f74ec3e5', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'e2b40022e4afb1a84dca6da285abeff0ed7568cc', y: "17.5", width: "31", height: "17", rx: "2", fill: "#064E94" }), h("path", { key: '8532d6fd4be6a2f3ba312b6bb1f22846d348e09b', 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' && (h("svg", { key: '967f9f605b307ca09386697fc89093ddb5fb1f13', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7f07924a17ecc1eb8be0e3572234ef67368cf9dc', 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" }), h("path", { key: '3dbceabfff1c4fa5ee7882742756a4e4056fa8d6', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'd73c0de9225392564609ae5e5015a71979e5f7dd', y: "17.5", width: "38", height: "17", rx: "2", fill: "#064E94" }), h("path", { key: '1bbebf42c3ea488ce46fb63622d837c1fd98aeb6', 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' && (h("svg", { key: '2c0ab72c38d06e5b899380a1e0ec5676f3fa2c2d', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2a3ca8695a88af4f6295c969c844d5dd6e671f1c', 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" }), h("path", { key: '0e9ecd3dbd29e45ac90a5e000abe456790a8d8a8', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '171cc07e5493c86b96ea2f949dba86b14205f64b', x: "1", y: "17.5", width: "26", height: "17", rx: "2", fill: "#079455" }), h("path", { key: 'bc9977e57bba429a591fbcecb5f424b46c505f9d', 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' && (h("svg", { key: '6e534abb345080165e55089a51a312997effa0e4', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '49e80c659681e49c45b25f6788a2b3fadf9c4acb', 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" }), h("path", { key: '9ccfda3da3e96d9be4640be70f31806f198e5474', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'f1557cb292ecd609093ae234c4aa4aa011447a9b', x: "1", y: "17.5", width: "33", height: "17", rx: "2", fill: "#079455" }), h("path", { key: '92e36baa8d5c9298938e9ec2df9c9e2e3e43415d', 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' && (h("svg", { key: 'ab14838782fd6f5273b59e255fd42a51c13bf554', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'eea45e8cd7492c099c049122ce7771ce6fa9942b', 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" }), h("path", { key: 'f814828704918df1ef142d30dba5637b97fcbcd0', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '2bd152a45d1c0b6a8a34f1b69fdb7d015affd13a', x: "0.5", y: "17.5", width: "29", height: "17", rx: "2", fill: "#6938EF" }), h("path", { key: 'a1697fe165cf32e3e82db87716da1bc43407f90f', 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' && (h("svg", { key: 'e21f00de34a4ef56e4b7a98ebe34f0e345e6b795', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5653c0d0796acaec5d8a7d7f60fe1799859744f0', 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" }), h("path", { key: '2a6487c794d8b736ba86575ba7068d05a5fc4624', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'd8b3a5942a56265e923b5acf8a22c685e2dd1dbe', x: "1", y: "18", width: "26", height: "17", rx: "2", fill: "#202939" }), h("path", { key: 'd79410e89eee3d5d4204c7e2fd9be737efb77e23', 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' && (h("svg", { key: 'b26f48d50c47f5f5a2519b1eea2e2b625b83026a', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f00b258876a65785efe52e72b5ad5f644abf85f3', 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" }), h("path", { key: 'b3d683ab18c3148f3d1d137b79007f405770c202', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '7844a6bf4d64ffc2504fae93bb4dccf5bcd7bd4e', x: "0.5", y: "17.5", width: "23", height: "17", rx: "2", fill: "#202939" }), h("path", { key: '5b293fa09c12eb573c5abb43bbc3fe0fc4df15b5', 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' && (h("svg", { key: 'a395c932e53deb6eb74102a8186eb4d61edaefde', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8d14935c035edff369548731d483f1ffab8b2dd4', 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" }), h("path", { key: '0ed877aacf688bf86e81db7ee598e78d04f02022', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: '0d1d0ebe6c6c13becef0f79e4ff0e470251f74ef', y: "17.5", width: "29", height: "17", rx: "2", fill: "#202939" }), h("path", { key: '1e8dc5c590d5dffdd0a9af7a105183f9ea6c526c', 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' && (h("svg", { key: 'e8dea9e00ae43102d63b8416b084c24fb2e55b3a', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a93cd054abe91c9fae325cab1d94905a21f870eb', 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" }), h("path", { key: 'a36176afefe1165f3da90abc9f1de2cee27fe161', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'cdc99426b4585abf9715c6c3c1f3707828b44787', x: "1", y: "17.5", width: "29", height: "17", rx: "2", fill: "#DD2590" }), h("path", { key: 'cfdfa336f0aa2c9d279d36e2110f320ee76f61ad', 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' && (h("svg", { key: 'c2c511be1fd822f057d50fd2d36ad56b156b4aa7', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '79fdef6d00966a7fc6617155c8100ad3fb393848', 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" }), h("path", { key: 'bcacd5a42efde26b71f17e38a2aba26e61b896c3', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'af46f2d311d26d4f0040a404a43fd2572832c2ba', x: "0.5", y: "17.5", width: "30", height: "17", rx: "2", fill: "#064E94" }), h("path", { key: 'b8e39784475c5d1fc1bda5b5a394b4627955d120', 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.fileType === 'png' && (h("svg", { key: 'fc855a26577113355e75fba44c511dc6ed17107a', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '21cd20c0014cfa1d0842a50d4ff5715bbb852fdf', d: "M11 0.75H27C27.0911 0.75 27.1793 0.777281 27.2539 0.827148L27.3232 0.883789L38.1162 11.6768C38.2019 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 36V4C7.75 2.20507 9.20508 0.75 11 0.75Z", fill: "white", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("path", { key: '0e2aec748897a3b3c20a3bf3c0b95b84b9cd58d7', d: "M27 0.5V8C27 10.2091 28.7909 12 31 12H38.5", stroke: "#E3E8EF", "stroke-width": "1.5" }), h("rect", { key: 'bac0a8d729f30172f90cf1ae8bdf6a3ef7794fe9', y: "17.5", width: "30", height: "17", rx: "2", fill: "#6938EF" }), h("path", { key: '063d26c2fe535681a303b1296fafd22ec42e86d5', d: "M5.38012 27.41V25.99H6.69012C6.94345 25.99 7.16012 25.94 7.34012 25.84C7.52678 25.74 7.67012 25.6 7.77012 25.42C7.87012 25.2333 7.92012 25.02 7.92012 24.78C7.92012 24.5267 7.87012 24.31 7.77012 24.13C7.67012 23.9433 7.52678 23.8033 7.34012 23.71C7.16012 23.61 6.94345 23.56 6.69012 23.56H5.38012V22.14H6.61012C7.23012 22.14 7.76012 22.2433 8.20012 22.45C8.64678 22.6567 8.98678 22.95 9.22012 23.33C9.46012 23.71 9.58012 24.1667 9.58012 24.7V24.86C9.58012 25.38 9.46012 25.8333 9.22012 26.22C8.98678 26.6 8.64678 26.8933 8.20012 27.1C7.76012 27.3067 7.23012 27.41 6.61012 27.41H5.38012ZM3.94012 29.5V22.14H5.58012V29.5H3.94012ZM10.61 29.5V22.2H13.3L16.05 28.17H16.39L16.19 28.35V22.2H17.73V29.5H15.02L12.27 23.53H11.93L12.13 23.35V29.5H10.61ZM22.8298 29.69C22.1765 29.69 21.6065 29.5833 21.1198 29.37C20.6331 29.15 20.2298 28.8567 19.9098 28.49C19.5965 28.1233 19.3631 27.7167 19.2098 27.27C19.0565 26.8233 18.9798 26.3767 18.9798 25.93V25.71C18.9798 25.25 19.0565 24.8 19.2098 24.36C19.3631 23.92 19.5931 23.52 19.8998 23.16C20.2131 22.8 20.5998 22.5133 21.0598 22.3C21.5265 22.0867 22.0631 21.98 22.6698 21.98C23.3298 21.98 23.9131 22.1033 24.4198 22.35C24.9265 22.59 25.3331 22.9267 25.6398 23.36C25.9465 23.7867 26.1231 24.2833 26.1698 24.85H24.5298C24.4898 24.5833 24.3831 24.35 24.2098 24.15C24.0431 23.95 23.8265 23.7933 23.5598 23.68C23.2998 23.5667 23.0031 23.51 22.6698 23.51C22.3498 23.51 22.0631 23.5667 21.8098 23.68C21.5631 23.7933 21.3498 23.9533 21.1698 24.16C20.9965 24.3667 20.8631 24.6133 20.7698 24.9C20.6831 25.18 20.6398 25.49 20.6398 25.83C20.6398 26.1833 20.6865 26.5067 20.7798 26.8C20.8798 27.0867 21.0231 27.3367 21.2098 27.55C21.3965 27.7567 21.6265 27.9167 21.8998 28.03C22.1798 28.1433 22.4898 28.2 22.8298 28.2C23.2831 28.2 23.6765 28.1067 24.0098 27.92C24.3431 27.7333 24.5831 27.4867 24.7298 27.18L24.5298 28.3V26.56H26.0398V28.12C25.7265 28.6267 25.2931 29.0167 24.7398 29.29C24.1931 29.5567 23.5565 29.69 22.8298 29.69ZM22.6198 26.88V25.7H26.6398V26.88H22.6198Z", fill: "white" }))))), this.fileStyle === 'gray' && (h(Fragment, null, this.fileType === 'pdf' && (h("svg", { key: '3bed9b1d61833ca3f15e43af0422cfc026a4f4c2', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '249bf9857fbf462c1e35da905c55573647d9838d', 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" }), h("path", { key: '6bdb7b558e835e34c3062bcd1d0609311452896d', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'b93bc6f39be9bb127c25a83b4b0e7e870bcf9a31', 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' && (h("svg", { key: 'b358c2aa664c03a52404c172f83da2d6a685d68c', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '315650e776eef11f638cb9adc1fd5d5db97e0964', 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" }), h("path", { key: '180af1aa13b5c148cfcdcf3156f012e6497c8032', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'fc5617b9f178d240b5de44913be49626d8aa6aa8', 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' && (h("svg", { key: '6da69507ab83ae66c80f645ec3da2b177d791420', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fd9fabe7f0ca80adb9b0808cb9d7d7d82f4672dd', 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" }), h("path", { key: 'b1e69fb9c072d693e16472d1211668e1aeb3032d', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'ab63af5e32f7b5d55d10b9ee98da09c8395569fe', 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' && (h("svg", { key: '54daebc70fb3d798e9d543e6ba7a3739209f0fa9', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b0b13ab8320499695e0ea49e9ddf0cf5d324b357', 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" }), h("path", { key: '89aadd6397fe5256d7cb7b996a3222e864cbd8dc', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'ffa4e462c39b85a34c51197164a467ad1dfc0c3a', 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' && (h("svg", { key: '54dff8b783bccec068afa271f0a36df9a3a1eb25', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b24c4f0cb00afe647770d69606f1225e8b4ea0d7', 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" }), h("path", { key: 'ae4f79e6913858d4014b2d006f4347e26b718aa7', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '19a26c4b495f585e53cc20fbb95d6a136f0161d3', 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' && (h("svg", { key: 'f16c34069ae240d89bf8f8b1cb7e4a9fe8bac0cf', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2e5077789ad69e05b77a6dd25f34fd43bd9cb780', 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" }), h("path", { key: 'ee2e5e95aa8ae2dde07d89b97acdc4bb6aa8617e', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'b0b7fa7823e31fe417d27101944a363b2ed01d88', 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' && (h("svg", { key: '1e003d257b1eddec002a89a8d8045839169150ee', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4aa2ab6be0197f16a4ecf1b796f06bd8a11a94a1', 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" }), h("path", { key: '8d7362048dec7521ba1cccb2b87ea3649dc84db2', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'd4f4f29859915e038440befd195fc6a4f5b5417f', 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' && (h("svg", { key: '6846b0b7b1b99cc0ea2fa8864dadb12b8b2d7e21', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9ad3e281f61e66ff4174b69a140890f9f6cb882a', 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" }), h("path", { key: '7db711ff0f8d8f0016df9781156a006b64132079', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '19d8eefee78a742bdf4d435b3a40164964d4fa5b', 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' && (h("svg", { key: '5753cfd085733bbad201483b6ef4701d6036228c', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '99fc0ce96d5a63a86b8b2e766e0c7e4a00645f5d', 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" }), h("path", { key: 'c145374ce79d4c677bbbf102d2eeed43e0db5b86', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'e15d33167afe4fa56ba04896752c871877274a59', 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' && (h("svg", { key: '114f9d9a6d4f3e4dcf11e34405ec82726ff68b36', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '29ab44ce0c4be70f664a5b704b38a36f674b9df2', 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" }), h("path", { key: 'fc263c88bbe17ca3ad4654e805badf695276c4d7', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '70c470612db056b6aae7ff148601eb2e850dfd88', 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' && (h("svg", { key: '4163b155cbcd2d187c698fa5ffacc987f6d7742c', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '70da31cb7a45a49967248041280b6c86b759967c', 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" }), h("path", { key: '0186025f7a9eeb0d8be5d5efa3755611c270bae1', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '59248200598dc66f19bb53894426f28d568ed631', 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' && (h("svg", { key: 'ecb25ebfaea200232e914c2b7d799f7883534bf1', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7870c177e97fcba07b8fad56fbe6ba1a837d18c6', 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" }), h("path", { key: '92d7332893ebe7afa39188e0713ccef665d6dc26', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'ba1f8fcec53ff2744f2b92b74796c8578fa9c7cd', 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' && (h("svg", { key: 'daaac476ccf7dbc0959b0c83a00b9a43c7c8e5e0', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2eedfb26ef8626fb8e029c25760c053bc5e1e203', 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" }), h("path", { key: 'e23693a41b34d4f95729dbb20161d2620a902573', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '19d8f2eee246b21795dd219f9e61198da2669b31', 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' && (h("svg", { key: '87bfb65a81cf5bcd9c4db986ed17c5238cc48feb', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9f24c2d7f460086d73e897977b1f17e6029e3ba6', 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" }), h("path", { key: '71fc29b016a6f74a993e41728d146a558ce4292c', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '785f24d89655afd8337e9db255eddefe1b7dd57f', 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' && (h("svg", { key: '1508e330b216c10def052d51f7bb68f460cf3fea', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0c57e0ce1b3c3894e8548ef4f7df20331b15d679', 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" }), h("path", { key: 'cf0c0520377c26ecd9da236c331a53d765e603f0', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: 'a642a2677484002daed1a4a190f689141c44eec4', 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' && (h("svg", { key: '15c85bb031ae405c1eace321fc2622c6d522d1cf', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4409cd43ca13f73fbda3cd596c9c7d994cd8181f', 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" }), h("path", { key: 'a0c07ef9be044619db3bc36c9446a9bd63b0e6bf', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '6944205bfc0ef58ffa99c0fcd946b235db279fda', 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.fileType === 'png' && (h("svg", { key: 'e013470cb6d9a97a623e1580f329ada83b9e2c0a', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cefda7e71ed68301b54e3141b8f37372682f3c2b', 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" }), h("path", { key: '7648b2dd9f9986f3b981aca9e5d634f12e7ead2a', d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "#EEF2F6" }), h("path", { key: '70b61476bd357bb4993a3242df65293fa0018bda', d: "M10.9229 32V25.4545H13.5053C14.0017 25.4545 14.4247 25.5494 14.7741 25.739C15.1235 25.9265 15.3899 26.1875 15.5731 26.522C15.7585 26.8544 15.8512 27.2379 15.8512 27.6726C15.8512 28.1072 15.7574 28.4908 15.5699 28.8232C15.3824 29.1555 15.1108 29.4144 14.7549 29.5998C14.4012 29.7852 13.973 29.8778 13.4701 29.8778H11.8242V28.7688H13.2464C13.5127 28.7688 13.7322 28.723 13.9048 28.6314C14.0795 28.5376 14.2095 28.4087 14.2947 28.2447C14.3821 28.0785 14.4257 27.8878 14.4257 27.6726C14.4257 27.4553 14.3821 27.2656 14.2947 27.1037C14.2095 26.9396 14.0795 26.8129 13.9048 26.7234C13.7301 26.6317 13.5085 26.5859 13.24 26.5859H12.3068V32H10.9229ZM22.2248 25.4545V32H21.0295L18.1819 27.8803H18.1339V32H16.75V25.4545H17.9645L20.7898 29.571H20.8473V25.4545H22.2248ZM27.7084 27.5703C27.6637 27.4148 27.6008 27.2773 27.5198 27.158C27.4389 27.0366 27.3398 26.9343 27.2226 26.8512C27.1076 26.766 26.9755 26.701 26.8263 26.6562C26.6793 26.6115 26.5163 26.5891 26.3373 26.5891C26.0028 26.5891 25.7088 26.6722 25.4552 26.8384C25.2038 27.0046 25.0078 27.2464 24.8671 27.5639C24.7265 27.8793 24.6562 28.2649 24.6562 28.7209C24.6562 29.1768 24.7255 29.5646 24.8639 29.8842C25.0024 30.2038 25.1985 30.4478 25.452 30.6161C25.7056 30.7823 26.0049 30.8654 26.3501 30.8654C26.6633 30.8654 26.9307 30.81 27.1523 30.6992C27.376 30.5863 27.5465 30.4276 27.6637 30.223C27.783 30.0185 27.8426 29.7766 27.8426 29.4975L28.1239 29.5391H26.4364V28.4972H29.1754V29.3217C29.1754 29.897 29.0539 30.3913 28.811 30.8047C28.5681 31.2159 28.2336 31.5334 27.8075 31.7571C27.3813 31.9787 26.8934 32.0895 26.3437 32.0895C25.7301 32.0895 25.191 31.9542 24.7265 31.6836C24.262 31.4109 23.8998 31.0241 23.6399 30.5234C23.3821 30.0206 23.2532 29.424 23.2532 28.7337C23.2532 28.2031 23.3299 27.7301 23.4833 27.3146C23.6388 26.897 23.8561 26.5433 24.1353 26.2536C24.4144 25.9638 24.7393 25.7433 25.11 25.592C25.4808 25.4407 25.8824 25.3651 26.3149 25.3651C26.6857 25.3651 27.0309 25.4194 27.3505 25.5281C27.6701 25.6346 27.9534 25.7859 28.2006 25.9819C28.4499 26.1779 28.6534 26.4112 28.811 26.6818C28.9687 26.9503 29.0699 27.2464 29.1147 27.5703H27.7084Z", fill: "#4B5565" }))))), this.fileStyle === 'solid' && (h(Fragment, null, this.fileType === 'pdf' && (h("svg", { key: 'f43e4e232eba7057f652e6be4ba5d939ace59026', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '09e75761b240c3e4e23e19fab68f9f2beccc7178', 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" }), h("path", { key: '8b76340af9598fed5af5b4428d0686006242e553', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '54d109f6a71a1587ee3461a56962a6089c0b7e16', 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' && (h("svg", { key: '32c76d21f1c338ecd1ef6bc7d9a4c6060e947be8', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f08f75028f2b61feddcf7b9c429aa2c3b7ec92fe', 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" }), h("path", { key: 'b91f7e1dd419e42b21d15fcca7d5c1748fe2d81d', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '2f6295ca0eaef3e948539e63a86888996ff87ef5', 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' && (h("svg", { key: '43e3527fdc8c4b3c172668f449a9966e0b21630e', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4007311dc5539b31dc756810921552b30387afda', 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" }), h("path", { key: '82f73830da8e07ac2ac3917ac5acd5a769b3b861', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'cc4e332142fdf2b2c5fc74b528a0e0da7948fcb8', 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' && (h("svg", { key: 'f5c0b275c2cb6e2be5f5a3ba7167e220d3bff745', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '51cbdaf8e3331691d75edac5d94db44a38fe5d94', 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" }), h("path", { key: 'f1cae9f7514f08bf443a304f017db781cadcacd5', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '5582c51e2c0fc0743cfea568f15213a675e56cd6', 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' && (h("svg", { key: '1f3b3269b2798822df9ffe2da0705bda7c23f85e', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3583225ccd7442b79b981e005445f0e854dd1cb3', 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" }), h("path", { key: '2891cd347a5bf476ec8b8d70a914d1d3d6aa1dc1', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'a80d329ef43bc2ea3e457bd6d2188f4a1fd63cda', 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' && (h("svg", { key: '86071e036a9cab6db4d7fbd14f93e898f9a0db72', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b20cfecbfeec54e6ef1296d1e644814531cc86a7', 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" }), h("path", { key: '291eeaec1556f1f1d26fc457d8010865c03d85ad', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '54cd096fa8445f1af2e3ae1cc94affec316a0d57', 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' && (h("svg", { key: '0b66d3ca151ff3b62226bb7f44958c8d87a2d004', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '699dfb28c77450600a11e2983070068dce9af6d4', 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" }), h("path", { key: 'f13d69ba9d8eb3fb0a3c2b60196e792674e6685f', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '5691370e1c5231c14f047360262b100a9353eb6d', 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' && (h("svg", { key: 'a660049d896620c9762392432bd8e90da58a5eb3', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9878b694c6843a53cd7eeb38033697377a5986b6', 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" }), h("path", { key: 'd06a280ed2f054c7807111dda66008e46fb6c764', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '480e1d79b41c63d07c159dc1ff9770da504a6307', 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' && (h("svg", { key: 'de71fd9a1aefdf050dae5471a2d1b6e15d6549b7', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '32db6525e60a2c1024bc6895d1d4224e358eb577', 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" }), h("path", { key: '430e9f73b4409802545d95729be60f08e26ed4b1', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '0077472b0f73f835353a7d14a3fd747be9f09b7a', 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' && (h("svg", { key: '80358136f84b01603b7ea27cc539bb4742164059', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3db9fca6ceaf367dc7992d5ac0273a1dde977ae2', 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" }), h("path", { key: '46c0db4fdf4358dbd0cc0d183f42c471c0931b80', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '4c234cb1baef6e571555af7d9300df0fff9ccc34', 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' && (h("svg", { key: '1c73d3ee840387a69a65409410485fa172c4033e', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4103e903ed6571dcdd5e441510dd322a15740c3f', 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" }), h("path", { key: 'd3ad76f41453335ee2a20f06927e65712ef304c3', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'f26ab1be7246daf2bb60a77ae9d6564334b9c655', 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' && (h("svg", { key: 'e6d3aa9c6b21a6b7958f314c777efc4274a04762', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2d607f5ba31e04f7b661f8e1d1f8cc1fa8138f33', 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" }), h("path", { key: '67e40d6dc22837850d3e3d6234abf6a5809842f6', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'c786a888853b808c119c1456aa41b9557d6bcefb', 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' && (h("svg", { key: 'f6cf0d0062d361ab68edad0e01c572c85e9f9c32', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f227472b8be894705d7b42e595c2d04ed50645fa', 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" }), h("path", { key: 'f6b2fb43b257e1a6271716a5b6c2d32672d48280', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '3f49c129a222756f9fb143857d62dab3744bba6f', 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' && (h("svg", { key: 'a6420bf00bbee22ffb617828e6fe60c9befc8e47', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '799e47e15e603c21cc68a47da83542f52c51b195', 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" }), h("path", { key: '026f18384a65cfd59670762d1c71d7266fa64a59', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '050549b75f45891d9dec8ae00141222d6fa73cca', 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' && (h("svg", { key: 'e6b918ef11934a10d81877cecbd86a08c33dd52a', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6f7ba67ab37eeb9c11ba6e4c3cfabf77fbc4efdf', 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" }), h("path", { key: '70387ec46c58406233e36ca929bd010f6626f916', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: 'c9c044c8096bd0d27a2b41a94a689cc913c18df4', 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' && (h("svg", { key: 'ca720963d68b75816135b337780c08a3e0bc32a0', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '800c56d80a91faa5aa4d4a02a4c14208894af057', 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" }), h("path", { key: '2c8af8142f7b6d4b88838edb96675fe00da04473', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '8aefa6f3caaa6012c8bf6f2641d401297f13d662', 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" }))), this.fileType === 'png' && (h("svg", { key: '386136ed354a8519ac5982b69db8e3a60e7ad50f', width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3f1c512ff5514b9864093497e2cb1a101feac68c', 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" }), h("path", { key: '3846b50d3fa198c75c148393da8c0d6506596676', opacity: "0.3", d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z", fill: "white" }), h("path", { key: '1b90609d51b12eab736f631c49e23b8deed3b809', d: "M10.9229 32V25.4545H13.5053C14.0017 25.4545 14.4247 25.5494 14.7741 25.739C15.1235 25.9265 15.3899 26.1875 15.5731 26.522C15.7585 26.8544 15.8512 27.2379 15.8512 27.6726C15.8512 28.1072 15.7574 28.4908 15.5699 28.8232C15.3824 29.1555 15.1108 29.4144 14.7549 29.5998C14.4012 29.7852 13.973 29.8778 13.4701 29.8778H11.8242V28.7688H13.2464C13.5127 28.7688 13.7322 28.723 13.9048 28.6314C14.0795 28.5376 14.2095 28.4087 14.2947 28.2447C14.3821 28.0785 14.4257 27.8878 14.4257 27.6726C14.4257 27.4553 14.3821 27.2656 14.2947 27.1037C14.2095 26.9396 14.0795 26.8129 13.9048 26.7234C13.7301 26.6317 13.5085 26.5859 13.24 26.5859H12.3068V32H10.9229ZM22.2248 25.4545V32H21.0295L18.1819 27.8803H18.1339V32H16.75V25.4545H17.9645L20.7898 29.571H20.8473V25.4545H22.2248ZM27.7084 27.5703C27.6637 27.4148 27.6008 27.2773 27.5198 27.158C27.4389 27.0366 27.3398 26.9343 27.2226 26.8512C27.1076 26.766 26.9755 26.701 26.8263 26.6562C26.6793 26.6115 26.5163 26.5891 26.3373 26.5891C26.0028 26.5891 25.7088 26.6722 25.4552 26.8384C25.2038 27.0046 25.0078 27.2464 24.8671 27.5639C24.7265 27.8793 24.6562 28.2649 24.6562 28.7209C24.6562 29.1768 24.7255 29.5646 24.8639 29.8842C25.0024 30.2038 25.1985 30.4478 25.452 30.6161C25.7056 30.7823 26.0049 30.8654 26.3501 30.8654C26.6633 30.8654 26.9307 30.81 27.1523 30.6992C27.376 30.5863 27.5465 30.4276 27.6637 30.223C27.783 30.0185 27.8426 29.7766 27.8426 29.4975L28.1239 29.5391H26.4364V28.4972H29.1754V29.3217C29.1754 29.897 29.0539 30.3913 28.811 30.8047C28.5681 31.2159 28.2336 31.5334 27.8075 31.7571C27.3813 31.9787 26.8934 32.0895 26.3437 32.0895C25.7301 32.0895 25.191 31.9542 24.7265 31.6836C24.262 31.4109 23.8998 31.0241 23.6399 30.5234C23.3821 30.0206 23.2532 29.424 23.2532 28.7337C23.2532 28.2031 23.3299 27.7301 23.4833 27.3146C23.6388 26.897 23.8561 26.5433 24.1353 26.2536C24.4144 25.9638 24.7393 25.7433 25.11 25.592C25.4808 25.4407 25.8824 25.3651 26.3149 25.3651C26.6857 25.3651 27.0309 25.4194 27.3505 25.5281C27.6701 25.6346 27.9534 25.7859 28.2006 25.9819C28.4499 26.1779 28.6534 26.4112 28.811 26.6818C28.9687 26.9503 29.0699 27.2464 29.1147 27.5703H27.7084Z", fill: "white" })))))));
     }
 };
 GbFileTypeIcon.style = gbFileTypeIconCss;
@@ -4336,15 +4338,15 @@ const GbFileUploadItemBase = class {
         return `${size} ${sizes[i]}`;
     }
     render() {
-        return (h("div", { key: '934d16a4e261a4922fd7599337bdb3c2ee0c01e7', class: "overall_container" }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "label_text text-sm-semi-bold" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "label_text text-sm-semi-bold" }, this.label)))), h("div", { key: '10c7cda64ae92811ab65f65e3515465ca1b2fd7a', class: `file_upload_item_base_container ${this.state} ${this.heightSize}` }, this.state === 'default' && (h(Fragment, null, this.heightSize === 'md' && [
-            h("div", { key: '21a6ee947ac1bb0559cf8f448ffdc5ea410073e0', class: `default ${this.heightSize}` }, h("div", { key: 'ce7d1c8d3cb98a6a14355beb6d8110cafe4fdd91', class: "file_upload_icon" }, h("svg", { key: '710fcbc5ffb27c6176fd1d7e7231cc8195be0bf2', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '8c7e88e4338fb160a805c6856dd4e502fe636817', 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: "var(--color-icon, #4B5565)" }))), h("div", { key: '554f6a199df4e94f16d5b019016cb03d169e0e38', class: "default_content" }, h("p", { key: '4a793ba02e321f19ee45398eadfcaebedbfa45b0', class: "upload_text text-sm-semi-bold" }, "Tap to upload"), h("p", { key: '9df13b88807ec25d663b02246d38f4b10f5c6e8d', class: "file_type_text text-xs-regular" }, this.allowedType))),
-            h("gb-button", { key: '1877940b01cf9b7a43043e27847d377c8b389aa9', size: "sm", hierarchy: "link_color", icon: "default", class: "upload_btn_md", "icon-leading": true, onClick: e => {
+        return (h("div", { key: '3638f377b422f6feaaa2ff51c3d8be1e0e09c6a6', class: "overall_container" }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "label_text text-sm-semi-bold" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "label_text text-sm-semi-bold" }, this.label)))), h("div", { key: 'ae9490095196f6aba7ea8e3c3f78f9daa099ce30', class: `file_upload_item_base_container ${this.state} ${this.heightSize}` }, this.state === 'default' && (h(Fragment, null, this.heightSize === 'md' && [
+            h("div", { key: '44dc1da8d13d6b70fc225685e38631e6e3db6e75', class: `default ${this.heightSize}` }, h("div", { key: '0cc9ff0b0e972f924eef1bef56e1499f4a11d4eb', class: "file_upload_icon" }, h("svg", { key: '14ad03f080dad4d1342374fcf155e82afdfd22f6', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'ee059ace03867a073e63faa62a925c4bba37661f', 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: "var(--color-icon, #4B5565)" }))), h("div", { key: 'e5542f278a247881c3daa233fda8045e1edecf7e', class: "default_content" }, h("p", { key: '4ea33fd2cb28f80b957cda7decabfcc72fe8df17', class: "upload_text text-sm-semi-bold" }, "Tap to upload"), h("p", { key: '2faac177c6db292d64363cba4d4a9a61daaa76d9', class: "file_type_text text-xs-regular" }, this.allowedType))),
+            h("gb-button", { key: '569bea178c07a0c43ac3a113862a2ee306110ff3', size: "sm", hierarchy: "link_color", icon: "default", class: "upload_btn_md", "icon-leading": true, onClick: e => {
                     this.onUploadButtonClicked();
                     e.stopPropagation();
-                } }, h("p", { key: 'c590df994c78dbf84ec3ede80c664091a04bfe86' }, "Upload")),
+                } }, h("p", { key: 'e24c76e97c615e28f4272e4f746f36e913802792' }, "Upload")),
         ], this.heightSize === 'lg' && [
-            h("div", { key: 'b8d70c0496e8d32ff150b75444de02534075c7e5', class: `default ${this.heightSize}` }, h("div", { key: 'ca75ba766d3e687ec6e5a1381059204af3384aae', class: "file_upload_icon" }, h("svg", { key: '5f93d9389c3751cefd0a229d8928229b1c2df3df', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'd02f3ddbfa47cd990f7e06c28162d27ebe10753e', 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: "var(--color-icon, #4B5565)" }))), h("div", { key: 'b8b8028a7b771212e57a46580fb56fe0dab9da33', class: `default_content ${this.heightSize}` }, h("p", { key: 'b53cfa256c178dc055fb56303e3907685e3e2fb6', class: `upload_text text-sm-regular ${this.heightSize}` }, h("gb-button", { key: '9361aba2f0f09e105494054790ee3b8e685f56d0', size: "sm", hierarchy: "link_color", icon: "default", onClick: () => this.onUploadButtonClicked() }, h("p", { key: '674dafb681719f1bd10020b9275d0c1c11b839c6' }, "Click to upload")), "or drag and drop"), h("p", { key: '4d70024a0e10814dde76e70fed07c8f5c3c7bd3c', class: "file_type_text text-xs-regular" }, this.allowedType))),
-        ])), this.state === 'in_progress' && (h("div", { key: '5c09e667fba55ad2faa0efe72e254988e47aa2ad', class: `in_progress_div ${this.heightSize}` }, h("div", { key: 'eca4dc9f3598e9dc3553a539f838889cdc73e32d', class: "file_icon" }, h("gb-file-type-icon", { key: '6139351526e53af029b791c302eb3133c6e8a7b2', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), h("div", { key: '4a93d9d420d7eb30868569aa1e389207169c2cb4', class: "in_progress_content" }, this.heightSize === 'md' && (h(Fragment, null, h("p", { key: '8a912755cc4b68b8e360bb749db8b99e7a9d890c', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), this.showFileSize && h("p", { key: '1e7a9288c3d7f41bb5389dd646c96eb2e57fd0ed', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize()), h("gb-progress-bar", { key: 'd9fab64c687acd910a912d92637ac9d3faa32af2', progress: this.internalProgress, "show-label": true, "label-position": "right", class: "progress_bar" }), h("gb-button-close", { key: '5543b433f8c6c064bb67313cfc383800f217b014', size: "sm", color: "gray", class: "close_button", onClick: () => this.onCancelButtonClicked() }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: '4e12702749c704b92b31d6fecef92de26e04c33a', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, this.fileType ? `.${this.fileType}` : ''), this.showFileSize && h("p", { key: '37182504eae94096f3a600b8a6e6ca6e3c938645', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize()), h("gb-progress-bar", { key: 'dcd9fab544b2ab427e3eae9e452818ef8932a93d', progress: this.internalProgress, "show-label": true, "label-position": "right", class: "progress_bar" }), h("gb-button-close", { key: '0ded0c4ca0da75fa4824dcf3ab2ba15ecbfa46a0', size: "sm", color: "gray", class: "close_button", onClick: () => this.onCancelButtonClicked() })))))), this.state === 'complete' && (h("div", { key: '0586ede37a2e9d0a46f2b20ac2718ae8103cce57', class: `complete ${this.heightSize}` }, h("div", { key: 'f01e95431046c7eeac7c50718d7b4e9bacfc75c8', class: "file_icon" }, h("gb-file-type-icon", { key: '1d3213265ad3bc0cfc1cb72a7cbc7e4c354c3b92', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), h("div", { key: 'fb0633bcb6418671597338912123aa2c1388f1a2', class: `complete_content ${this.heightSize}` }, this.heightSize === 'md' && (h(Fragment, null, h("p", { key: '3a3b4d6861c2486f1788e3295a47b92d6c59f9ba', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: '700ac1b17c60de11e1023af8796c3c1d9420e1bf', class: `file_size_text ${this.state} text-sm-regular` }, `${this.getReadableFileSize()}`, " \u2013 ", `${this.internalProgress}`, "% uploaded"), h("gb-button", { key: 'e63adb260f322bce4d17ee38e8cdf277700cc0cc', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", class: "delete_button", onClick: () => this.onDeleteFileUploadClicked() }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: '1f461ce7fc9e171786da17a283098ac16b710af9', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: 'f088421aea4d813729c0f781036ec017bd69b9c7', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize(), " \u2013 ", `${this.internalProgress}`, " % uploaded"), h("gb-button", { key: '7bbb109929c3bda048f014d4ac9b8a3614f3ace1', size: "sm", hierarchy: "tertiary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", onClick: () => this.onDeleteFileUploadClicked() }, h("p", { key: '00bc8a1037bff671b035bf9cf0df2162556168fb' }, "Clear"))))))), this.state === 'error' && (h("div", { key: '53a1e93001dac4a057a5e2a4a2c8214ffabc563b', class: `error ${this.heightSize}` }, h("div", { key: '98a3dbc4db016de249f05e1e571fdb0cf7589254', class: "file_icon" }, h("gb-file-type-icon", { key: 'd79e354f2431f1e963deb20d449671bb968258c1', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), h("div", { key: 'e3a8a1cf3bcacdebde62e48c056a0c32106c2a08', class: "error_content" }, this.heightSize === 'md' && (h(Fragment, null, h("div", { key: 'a55ccf719411a82fe36b2bf0503921dfee0a8994', class: "error_content_text" }, h("p", { key: 'a8023e736b6fe45dcb62a86636b29168f56f6b19', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: 'eb5570161330cc5c7986d79d848836890d06bc41', class: `file_size_text ${this.state} text-sm-regular` }, "Upload failed, please try again")), h("div", { key: '2bb7a5a05d1012b1a718c6d5560bd37fedb6783d', class: "try_again_btn" }, h("gb-button", { key: 'afef51468f0b8ad088cd4621279117499e51fe11', size: "sm", hierarchy: "link_color", icon: "default", destructive: true, onClick: () => this.onTryAgainClicked() }, h("p", { key: '41271561ba649d60600911ec57a7d77d6672acfd' }, "Try again"))), h("gb-button", { key: '026c2a5e5c40be8c501a68402a256db268ee2f94', size: "sm", hierarchy: "tertiary_gray", icon: "only", destructive: true, "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", class: "delete_button", onClick: () => this.onDeleteFileUploadClicked() }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: '26c7c17b246f123fe1f978ebe61407dc751cf911', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: 'f72950e511c760ab5b2548cc8a6c67b35aa7b0b5', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize(), " \u2013 ", `${this.internalProgress}`, "% uploaded"), h("div", { key: 'd87ecf37c0a2d6fb7e8c6a975ea2097213c2bff3', class: "btns" }, h("gb-button", { key: 'e49d13d316233897a504bde0a2b6ccfce3c47b43', size: "sm", hierarchy: "tertiary_gray", icon: "default", destructive: true, "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", onClick: () => this.onDeleteFileUploadClicked() }, h("p", { key: '0429c92da18d2bc90033f6d8a75cce3142eeaa4f' }, "Clear")), h("div", { key: 'f884be704097c849cf74ba1a8a7d04014ef5ca49', class: "btn" }, h("gb-button", { key: '5c4927bd953d280f314f6257a2f4bd07555ad539', size: "sm", hierarchy: "link_color", icon: StateEnum.Default, destructive: true, class: "btn", onClick: () => this.onTryAgainClicked() }, h("p", { key: '124870180895c2bfef9a09fad1aa33e77eb9b3bc' }, "Try again"))))))))))));
+            h("div", { key: '602fa974dff0762b7ac60218b7e1cbc360e17660', class: `default ${this.heightSize}` }, h("div", { key: '9c1e80641ce8703212f70c51e7a7ff65bc8782cb', class: "file_upload_icon" }, h("svg", { key: '669e7ff9ddf9d6decee96c3a0489e512d2f28b5f', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '30c03fc83a25ac61506497f25fa087b0c47a349e', 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: "var(--color-icon, #4B5565)" }))), h("div", { key: '4f58496202b4faeae751a1514fab45ba1e28bd84', class: `default_content ${this.heightSize}` }, h("p", { key: '74a2c3576e33aec6a42741ef443ac559fd29de55', class: `upload_text text-sm-regular ${this.heightSize}` }, h("gb-button", { key: 'f8aa1143b29ebc6b2f61c7f2a803fe3d4b310954', size: "sm", hierarchy: "link_color", icon: "default", onClick: () => this.onUploadButtonClicked() }, h("p", { key: '55bb53f4e70f32f8e4b0bef31e041caab016afa3' }, "Click to upload")), "or drag and drop"), h("p", { key: '817fc1f0f5d4cd5d750f4bbfbdf060b086383c70', class: "file_type_text text-xs-regular" }, this.allowedType))),
+        ])), this.state === 'in_progress' && (h("div", { key: '3d48ab441612d333b83b38a831a9cd66daef573f', class: `in_progress_div ${this.heightSize}` }, h("div", { key: '9112ade21087c2cd09f9afa98bc420375a89e1e3', class: "file_icon" }, h("gb-file-type-icon", { key: '48176ff8e87cff7ef051ee231e293bfeb0bddade', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), h("div", { key: 'ecc128486050351521dc38c0c826108acbc0b5af', class: "in_progress_content" }, this.heightSize === 'md' && (h(Fragment, null, h("p", { key: '46d65f7f797672bb5f9f5fcf26957fca9cb08eed', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), this.showFileSize && h("p", { key: '53dd526044a9f9cd4641577041023f2591299069', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize()), h("gb-progress-bar", { key: 'bbaef28143e0e1d9ecc91f8ad92e1e7409d894cb', progress: this.internalProgress, "show-label": true, "label-position": "right", class: "progress_bar" }), h("gb-button-close", { key: '391fe76c1ddcaaf26ad6f5a69355367a1369e0f9', size: "sm", color: "gray", class: "close_button", onClick: () => this.onCancelButtonClicked() }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: 'acc7566c10225eaadc8b26a74c0e25b78e806e69', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, this.fileType ? `.${this.fileType}` : ''), this.showFileSize && h("p", { key: '7285f8ffb479c51fd28619b2c2f77a595d914220', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize()), h("gb-progress-bar", { key: '27a47e6214dddab9967cadbee9aa745801fed4a8', progress: this.internalProgress, "show-label": true, "label-position": "right", class: "progress_bar" }), h("gb-button-close", { key: 'b4699aacb82e2d289594b93e7784a014b11a8d9f', size: "sm", color: "gray", class: "close_button", onClick: () => this.onCancelButtonClicked() })))))), this.state === 'complete' && (h("div", { key: 'cfb5403bf512b87d58e91cefc0b3a5eae74cb90a', class: `complete ${this.heightSize}` }, h("div", { key: 'bf34c6b66df4832334de530a4534deffa4b41cb7', class: "file_icon" }, h("gb-file-type-icon", { key: '9ff87f7ff1c302a78896804e87b653fb23ba49f9', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), h("div", { key: 'f853ae04f6817d7f5b3ecd80b2cf08b5cf08a4f9', class: `complete_content ${this.heightSize}` }, this.heightSize === 'md' && (h(Fragment, null, h("p", { key: '6f142f9cc9be023dafa37a9307738f6ad48e73d1', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: '245e7aef5f066ef2f68ac67e13469a445656f572', class: `file_size_text ${this.state} text-sm-regular` }, `${this.getReadableFileSize()}`, " \u2013 ", `${this.internalProgress}`, "% uploaded"), h("gb-button", { key: '1abc86db7dcb5d5c41665d3ee12a254f44a23d11', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", class: "delete_button", onClick: () => this.onDeleteFileUploadClicked() }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: '1a6beac5ed914e0687a8ebf5953e01e4cba47b2b', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: '3281fe08f7b16ae43c80fb899b2481de023c8391', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize(), " \u2013 ", `${this.internalProgress}`, " % uploaded"), h("gb-button", { key: '2bd3204d0916accfa535e715f1cadd683a066ba7', size: "sm", hierarchy: "tertiary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", onClick: () => this.onDeleteFileUploadClicked() }, h("p", { key: '477049af6813272e5f4e073d26b08da5838dc379' }, "Clear"))))))), this.state === 'error' && (h("div", { key: '8248d9608b0a5165ab4ea445035baf4e065809b4', class: `error ${this.heightSize}` }, h("div", { key: '24d3a70c1584e40e395254fad5943a09ff8c551c', class: "file_icon" }, h("gb-file-type-icon", { key: 'ccfbdd5c43737b49534293b77463963c65422f81', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), h("div", { key: '14dd92b4020c73b828c7de27f22fe9e91b5758f2', class: "error_content" }, this.heightSize === 'md' && (h(Fragment, null, h("div", { key: '8a4ba2fe5caeccf5f5b9315ab68bcd4bfdc029f0', class: "error_content_text" }, h("p", { key: '76bd883f87a76560ec59e31b51551d0ee692a285', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: 'ae5f9661888714d88c84e3cff4999fa79e69f4ff', class: `file_size_text ${this.state} text-sm-regular` }, "Upload failed, please try again")), h("div", { key: 'db2f1151d3d81d6288404f0a44012c1857932418', class: "try_again_btn" }, h("gb-button", { key: '2ce4d7c2b5edf95fbe1d963ac2cc79cd118a2854', size: "sm", hierarchy: "link_color", icon: "default", destructive: true, onClick: () => this.onTryAgainClicked() }, h("p", { key: 'b9d5d279c13d101bef57dfa3863b70db8952e301' }, "Try again"))), h("gb-button", { key: 'e67b37ace677084821cec00596549fc0e775a252', size: "sm", hierarchy: "tertiary_gray", icon: "only", destructive: true, "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", class: "delete_button", onClick: () => this.onDeleteFileUploadClicked() }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: '3935e0210c3ae4d037df5cce20b741d2e5eab57d', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: '61f31efa164884300dfb2cedd4c80081d2e840a1', class: `file_size_text ${this.state} text-sm-regular` }, this.getReadableFileSize(), " \u2013 ", `${this.internalProgress}`, "% uploaded"), h("div", { key: '79e7374b936aa7459c0bc77074377d43ed706300', class: "btns" }, h("gb-button", { key: '6dc18eb66f10565f4b699fe3fc904316004eb600', size: "sm", hierarchy: "tertiary_gray", icon: "default", destructive: true, "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", onClick: () => this.onDeleteFileUploadClicked() }, h("p", { key: 'e1a4cd3c5badb72ac90cc0f6adc0c7f4d4bdb561' }, "Clear")), h("div", { key: 'efcec23e716201ffb049969a414b499bd348097a', class: "btn" }, h("gb-button", { key: '658685a56ebf88bc6a78a9b7b5afc574c5416fcb', size: "sm", hierarchy: "link_color", icon: StateEnum.Default, destructive: true, class: "btn", onClick: () => this.onTryAgainClicked() }, h("p", { key: '8554649b8d44a775e7030759d94d118bd2a47f48' }, "Try again"))))))))))));
     }
     static get watchers() { return {
         "state": ["onStateChange"],
@@ -4367,7 +4369,7 @@ const GbFilterButton = class {
         }
     }
     render() {
-        return (h("div", { key: '2bad9ec9ccc8940b8cbed06f6ea5b8d8d3c1698d', class: `filter_button_div` }, h("gb-button", { key: 'b60f4724647d7d08304d07de7f0a6f6c587f595f', size: "md", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "secondary_gray", icon: this.iconOnly ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/filter-horizontal-stroke.svg" }, h("p", { key: 'f8e316ac212742b8165e3f3647b0c8c8563bb45f' }, "Filter")), this.state === 'applied' && (h("gb-badge", { key: 'dac89648feefcaa9da8b1fe6d65eb52caf381a8a', size: "sm", type: "pill_color", color: "error", icon: "false", class: `badge ${this.state}` }, h("slot", { key: 'e262a2f0a6dd57797663670ed68bd374317894f4', name: "filter_count" })))));
+        return (h("div", { key: '72f38078a1574c7d71b6d9785d0d057f100bfca0', class: `filter_button_div` }, h("gb-button", { key: '86d8bd60ec33d18b061e342fd50bd2953ecec37c', size: "md", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "secondary_gray", icon: this.iconOnly ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/filter-horizontal-stroke.svg" }, h("p", { key: '6d1b163c7d467f43209c852efb9f9d6cfdae511e' }, "Filter")), this.state === 'applied' && (h("gb-badge", { key: '412879c412620ae996bef7fc75e81c88422c2ece', size: "sm", type: "pill_color", color: "error", icon: "false", class: `badge ${this.state}` }, h("slot", { key: 'dd6ee0367258f370f2521172599cdee593e31b97', name: "filter_count" })))));
     }
     get el() { return getElement(this); }
 };
@@ -4551,7 +4553,7 @@ const GbHeader = class {
     render() {
         const helpIconSrc = getAssetPath(`assets/help-circle.svg`);
         const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);
-        return (h("div", { key: '046ff916e09577da607b845881148fb62e226f50', class: `header_div ${this.showBorder ? 'border' : ''}` }, h("div", { key: 'a8619f9211ae0685990c65497f4421a291e9d4a3', class: "content" }, this.renderLogo(), h("div", { key: '6bced56c6aa9b81b3a8e8c4984a9c7bbe47063c6', class: "inner_content" }, h("div", { key: 'ac153dc7883a80174ef53103e8dfd58fd38e8147', class: `action` }, this.showSearch && (h("div", { key: 'ac2832ef3840bf05e82364cef16d66c979bc8bcd', class: "search" }, h("gb-input-field", { key: 'f0c06be7350f618f4fd36e065827d0329bdf24fe', size: "sm", state: "default", type: "icon_leading", "enable-cancel-button-function": true, placeholder: this.inputPlaceholder, "icon-swap": this.inputIcon, onInputValueChanged: this.onSearch.bind(this) }))), this.showHelp && (h("div", { key: '783572b0e13361148782cce6d2b19e079ff83945', class: "help" }, h("gb-header-icon", { key: 'a3ffb817e51c3ad2422cc83402c82272a57a37fa', state: StateEnum.Default, icon: helpIconSrc, onClick: () => (this.helpDropdownShown = !this.helpDropdownShown), class: "help_button" }), this.helpDropdownShown && (h("gb-help-dropdown", { key: '1b54599b1d4211a7ffc62756994de4af6c6ffd50', class: "help_dropdown", "show-log-error": this.showLogError, onHelpItemClicked: this.helpDropdownItemClicked.bind(this) })))), this.showNotification && (h("div", { key: '6e26582e5462eedcea5b6d98a5884bcca72b013a', class: "notification" }, h("gb-header-icon", { key: '6c845819867a75bacff3779436def5674825a3ff', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => (this.notificationDropdownShown = !this.notificationDropdownShown) }), this.notificationDropdownShown && (h("gb-notification-pane", { key: '852ce916eaa114f21a90b960e02f716a026a5641', state: this.notificationState, class: "notification_dropdown", notifications: this.notifications }, h("p", { key: 'ded2a3d603fcf829463b068173e6cd2ec01fb77d', slot: "label" }, "No notification"), h("p", { key: 'fbef036915a6617115375180ca35fcbf17987976', slot: "supporting_text" }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events")))))), h("gb-avatar", { key: '034e5ec4476d9735d35725769af4317fc428e06c', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => (this.avatarDropdownShown = !this.avatarDropdownShown) }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" })), this.avatarDropdownShown && (h("gb-avatar-dropdown", { key: 'e6961494a250ee500655ab04649aedf9ffab4917', ref: el => (this.avatarDropdown = el), class: "avatar_dropdown", type: this.avatarDropdownType, "show-theme-tab": this.showThemeTab, "show-profile": this.showProfile, "show-log-out": this.showLogOut, listGroupOne: this.listGroupOne, listGroupTwo: this.listGroupTwo, color: this.color, roles: this.roles, "show-roles": this.showRoles, "current-theme": this.currentTheme, onThemeTabClicked: this.onThemeTabClicked.bind(this), onItemClicked: this.onAvatarDropdownItemClicked.bind(this) }, h("slot", { key: 'c88cd951c3840ceead6d68db16a1fd7869111582', slot: "name", name: "name" }), h("slot", { key: '1ffc2805006d318c0ea8e585e6ed7f3e29beaea0', slot: "supporting_text", name: "supporting_text" }), h("h1", { key: 'e87d728473b9265c59766830e42b08f3e9b5ecf4', slot: "initials", class: `text-md-semi-bold` }, this.initials)))))));
+        return (h("div", { key: 'ebb1d34de9af8aa93943de0ea6b57198b14640ed', class: `header_div ${this.showBorder ? 'border' : ''}` }, h("div", { key: '307406c98731766fae9787fc0813d54094e0f9ef', class: "content" }, this.renderLogo(), h("div", { key: '7ea566889f1ae626a5b81491cf8340e72ce7e5b3', class: "inner_content" }, h("div", { key: 'ba63014a1cdcbc2c6328a2d8f39d7f5106a69914', class: `action` }, this.showSearch && (h("div", { key: 'e6528bce3e8a255f09327acda7f4f77e411d0502', class: "search" }, h("gb-input-field", { key: '85da58a905f3524cf67be6ee86db2e7687063e7f', size: "sm", state: "default", type: "icon_leading", "enable-cancel-button-function": true, placeholder: this.inputPlaceholder, "icon-swap": this.inputIcon, onInputValueChanged: this.onSearch.bind(this) }))), this.showHelp && (h("div", { key: '60275bf8cd019523307c6f580d989fa092db257a', class: "help" }, h("gb-header-icon", { key: '2e40087f9f5f40f4476efef300cab46b4feac214', state: StateEnum.Default, icon: helpIconSrc, onClick: () => (this.helpDropdownShown = !this.helpDropdownShown), class: "help_button" }), this.helpDropdownShown && (h("gb-help-dropdown", { key: '1b564679f5b3b40771476e3b2a1e8696d89e606c', class: "help_dropdown", "show-log-error": this.showLogError, onHelpItemClicked: this.helpDropdownItemClicked.bind(this) })))), this.showNotification && (h("div", { key: '7672a043100dc0a60a3ecddd5d2abfab76f73f06', class: "notification" }, h("gb-header-icon", { key: '2d547b0ac25c7deceac90863a07817c3237dc0dd', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => (this.notificationDropdownShown = !this.notificationDropdownShown) }), this.notificationDropdownShown && (h("gb-notification-pane", { key: 'c9d8e7346227d7fefcdc9062e591f4af4168fa8c', state: this.notificationState, class: "notification_dropdown", notifications: this.notifications }, h("p", { key: '1f41a88f764c6707bb40c07360c8c47663b47f17', slot: "label" }, "No notification"), h("p", { key: '1e65a379a56bec3ddf6df0922d6e3675361b7745', slot: "supporting_text" }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events")))))), h("gb-avatar", { key: 'd0564abb372b9ace4910b32d0a979755ecb5f35a', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => (this.avatarDropdownShown = !this.avatarDropdownShown) }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" })), this.avatarDropdownShown && (h("gb-avatar-dropdown", { key: '136a643f7d255559b9736b63b29f1c7954e672c0', ref: el => (this.avatarDropdown = el), class: "avatar_dropdown", type: this.avatarDropdownType, "show-theme-tab": this.showThemeTab, "show-profile": this.showProfile, "show-log-out": this.showLogOut, listGroupOne: this.listGroupOne, listGroupTwo: this.listGroupTwo, color: this.color, roles: this.roles, "show-roles": this.showRoles, "current-theme": this.currentTheme, onThemeTabClicked: this.onThemeTabClicked.bind(this), onItemClicked: this.onAvatarDropdownItemClicked.bind(this) }, h("slot", { key: '8e20b47ecb4657b61a00b1f2f39a5c68928d8384', slot: "name", name: "name" }), h("slot", { key: '8f2e1cbea25dd53a3f159cd77568131fb0b2af77', slot: "supporting_text", name: "supporting_text" }), h("h1", { key: '9923fb708ff05580dc6e9fe5f2e105d209ef8b68', slot: "initials", class: `text-md-semi-bold` }, this.initials)))))));
     }
     get el() { return getElement(this); }
 };
@@ -4587,7 +4589,7 @@ const GbHeaderIcon = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '5abbbd1d5a91ca581a6815ca6a54df0938226fff', class: `background ${this.state}` }, h("div", { key: 'ec3f8cd94d9ca832f208a546fa2b673e6d013855', class: `icon ${this.state === StateEnum.Default ? 'default' : this.state === StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), h(Fragment, null, this.showIndicator && h("div", { key: 'eab0b34544f383c66b989beaab3a8591bf6f0300', class: "red_dot" }))));
+        return (h("div", { key: '792e24ae7ff9beaf5578ff7995a7559d50e78535', class: `background ${this.state}` }, h("div", { key: 'cfc90dc73c3ac4b8f480718748769c6a334556ab', class: `icon ${this.state === StateEnum.Default ? 'default' : this.state === StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), h(Fragment, null, this.showIndicator && h("div", { key: '21b1b239090fa9afe10836a589e4ebf9ec404975', class: "red_dot" }))));
     }
 };
 GbHeaderIcon.style = gbHeaderIconCss;
@@ -4603,7 +4605,7 @@ const GbHelpDropdown = class {
         this.helpItemClicked.emit(item);
     }
     render() {
-        return (h("div", { key: 'fcc905d7618343750e5ca203bf2de08519b5ce40', class: "dropdown-container" }, h("div", { key: 'ebc49b04c7367e21680b58ba8645311d21f2afec', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: 'db45a9a53357367d72c0b672faa743dabfd9d709', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: '1d22502404ae52be327bf6b91e52d60097248d94', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: '3d987029f99d2be86047455375995fcb4d0a4e7c', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: '213bc95dcacfbfc7e5b6536b80f502568f5f8c0c', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: '4d3a1c3395075d0b46bba5038027c820f719b011', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
+        return (h("div", { key: '65a3fc72d482a81e9167b67e09e36d079e60eb51', class: "dropdown-container" }, h("div", { key: 'b898e6cf0793aa64d0aa3e3482c0de765ec4827e', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: '205770ad04d2bcbc091620265b83a1015a200de6', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: '79694e7377c414f5c358d164c447a922c7e68fd3', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: 'ede040cf26b091e58a352f86e81f929b9cae733f', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: 'afca77c61c49fb720e98138a6661735f4a511070', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: 'df22f9e875f82faf73a9986ed029bb5975188e14', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
     }
 };
 GbHelpDropdown.style = gbHelpDropdownCss;
@@ -4628,7 +4630,7 @@ const GbHelpTooltip = class {
         }
     }
     render() {
-        return (h("div", { key: '1b5c4612c8286c98de28af9a6d14f941c43c5d75', class: `help_tooltip` }, h("svg", { key: 'fcfe187241b4ee9578ba04005c161e689ab72f32', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false), class: "help_circle" }, h("path", { key: '79f6a84c8934ea8ca6e041c652689d1636bb2432', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (h("gb-tooltip", { key: 'c1ee8446a1744a8c43010a7fe32e122cbad10404', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: '02238bb8b42b4e7e7728a9354a1e111f9702837c', name: "label", slot: "label" }), h("slot", { key: 'b135c8a1844068787e3fbedcfc1b351bc0ef5941', name: "supporting_text", slot: "supporting_text" })))));
+        return (h("div", { key: '2f0943a06a929fd9bfcea6ed7da40145b6a5c76d', class: `help_tooltip` }, h("svg", { key: '89a81fd741f5bd89007af67afd5e17d41bfdc400', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false), class: "help_circle" }, h("path", { key: '9c8b18bec2b96dba1996a6d00df603b6874bacee', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (h("gb-tooltip", { key: '5585a0108c64dc6c706c2e1471c04f7cd8a6f68a', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: '301c852bfe5981cf2fad786854b4c57d04809d2a', name: "label", slot: "label" }), h("slot", { key: '3c35868dd3d501c22c0937437bd7c95082386313', name: "supporting_text", slot: "supporting_text" })))));
     }
     get el() { return getElement(this); }
 };
@@ -4655,7 +4657,7 @@ const GbIconButtonBase = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '3398af04a53cd1ec18bf9fc506f0aa268d0e36d8', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: 'de2c9b045b9bcb35f86f1cb9e74b61c48868fa27', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '9b390a87b3be8ba1f5aca44c3eb9709b2033937e', slot: "label" }, this.label))), h("div", { key: '914d06162b0b3e240fb6300f4084d81d530fb323', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '8361c82eac90755730f28ef62ff0c3319cb766f3', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
+        return (h("div", { key: '2448e2862e361e06c2c1914b56b4d260a79ef1a6', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: '3b5d8ae6d4b91d9f5432dc06c3e0e899581fac4f', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: 'db845405a23d774c2ccbc3fda73d459c60b412cd', slot: "label" }, this.label))), h("div", { key: 'dffec0fe11519dda65ecae53eda32448dc1c73cf', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'e332c345553359b6cc4c2e3750d75a37e7e3dc0a', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
     }
 };
 GbIconButtonBase.style = gbIconButtonBaseCss;
@@ -4698,35 +4700,35 @@ const GbIllustration = class {
         this.loadIcon(this.illustrationIcon);
     }
     render() {
-        return (h("div", { key: '3de5224bdfda6e482fb10d5bd6b9425d02ead1a8', class: `illustration_wrapper` }, h("svg", { key: '86afe9cc3f913410fdbfc80e471f53385a4c11a1', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '3ea46a5a171cd817ee7949d536ab72030b0e15c9', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: '64fc37d9895bbb937f0780b4691a6d61aa185119', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '220267e5dc90d7c639c02570e90ff12d81a065c4', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '1fb2384ec75d8613d4168d9af627da8168b307a5', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'fcb54fa7b5f69bba70eb2a3067be1d4845368b7a', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'a17c9f6d0b724ba4ffd53c657edb8f684219a680', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: '9fe990b7cae47aaf5eb2b8938779858435c47eae', class: "illustration_div" }, h("div", { key: 'c247532c3efd9f1a87a06a1705af05de8600aa9b', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '2322c94f8f278c34ebeeea2f0af90a0572c97422', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: 'd2455507610beee924a8b6007d25a499a13cc88e', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '4cc9ff51c93b0b734dc0b7978acfcf8e41d172da', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: '1921db0adbcf03967d2814d61994296b095d12c8', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: 'd6e3591ad00a15458f36ac71c99d20f8dd504294', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '495df5e761fa9aba96faed3d3eff2abb855fc306', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '6d8b8973b7412444e9587f01630a8db9af8cc0fa' }, h("filter", { key: 'bf5de96439d7319ffa26c68bf611d383358b7475', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '54a751b360bff6669fc0e56a46fd6de79a1299ad', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '6aabdf7e22fbf7d78a0000a4d743af44b8f95905', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'a00d2665d4f1bd6ab68e203775e28878eadc09d1', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: '35e29d0ce29f95ae0664e65a30fb2c0b5e1c962b', dy: "8" }), h("feGaussianBlur", { key: '7e59c5657eabc2e904edc548d8f5e8fc0c61233d', stdDeviation: "4" }), h("feColorMatrix", { key: '331dc39a18be438d1141ed0b8b9512d376e7932e', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '1ef04df3b13374c6039335907fc56a707a2049fe', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: 'f2cc7784471df3187798d9ef0a45a2a0dcbb765c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '30539e6ed44156666d90655cc2684fca40fbd554', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'd4de5a3d4f300bba23b24e2da6ffc7f67f4a4c9a', dy: "20" }), h("feGaussianBlur", { key: '523308d6c3b7f28284a8f0bcc3c2feb9513c58e8', stdDeviation: "12" }), h("feColorMatrix", { key: '9cd084e95c923f53117fe8ab18fa58c2fa93b902', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '537cb0d49da6f946432cdbe459fe50de9d8126e4', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '57b29dde508882b49b7b8ef5d51ae7157ac23c5a', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '4d3fec56cbe812718a7fe7aa713117794c772d77', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '132b2c5fa5b2fc7c71ae03adf2858b5925b73c6b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'a13b68ed30d62c8c781712dad86e2af2b0f2b897', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'e322ee5fb4e8a2dccdae7d77697e7ef0928fb40b', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'd089e62ce88f485c58d180f1560213c2f5c116d4', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '2d37013a414048a81257969197ed012c7877ae0c', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '7a2c2fc940f63f5bd66a3e24cf3497d492e1fbd8', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '80150973c93c1476791afa9ed2a5240aef15f187', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '331f9d32be29f7242789bcb68e9037ed80ebc0e9', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '6da72e0c35c98e67e1668c70b2218cab52ea838b', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: 'd3c44a31d643ceb91371e753fd5c55532ba6b861', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '7eb6ad021f7b313766bd0027bb7afa1ea5ffbeb1', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: '77e22e8165703f669690d2a8804f16fd78380e15', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '875ca4dadc75333f90c7f087df2439b0b7d7d092', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '7452f0726c018768171a6746a101198958186a25', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: '516eee5aadb7d84580eaf019f1da5e53969492bc', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: '9ff8ae5ab555fa16189f687ea0ec65b29b596a98' }, h("filter", { key: 'be91d27cfdd72e887cbf80ec8acdd2beb5c22dad', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '4731c1fd686a89e77727b732183c74e83552048c', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'd6551fa253195c6406985df0f302362d3e20b325', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'ce21baa1add77da07e05a88887e8cc5aac63ad03', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '85b9e0367ce5f8fe57ae41b272daffd031317708', dy: "8" }), h("feGaussianBlur", { key: '78976861b4ba367f159d01321cc00bedb229c5ef', stdDeviation: "4" }), h("feColorMatrix", { key: 'fb897592404207f0237dec9054b20d693cd53708', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '77d543078d7682ae9ba4beb00f918c7c3dabf491', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: 'b0973ed1d2e3861adfec77cdfa95edbee9b62032', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'f2aafaddb0b741ea47912dfa76ce954a0a31b898', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: 'f5a7d1c264832ceb0b40e3afa15e3afb142b8f1c', dy: "20" }), h("feGaussianBlur", { key: '3eb61166259f3cfda89c4cb1af06ace293ade47a', stdDeviation: "12" }), h("feColorMatrix", { key: 'eafcfe27e9cd70688027b4fc627c95762c152f3c', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '320c9b68854f89a0eecae4cd863e53c67cbe2a64', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: 'bc8b9eb78c9bc093b578aefa239091b522a1b700', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '18775c3c2da5440d8ef17ddd7042956970d2cb00', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '67885cc1dbed14d03d9c3abf31d985b42656e895', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'acdc09e15e7c64693c96577270183209865da90c', offset: "1", "stop-color": `${this.color === 'primary'
+        return (h("div", { key: '2d94e95daddf87d020ca0910c817b3df932b4955', class: `illustration_wrapper` }, h("svg", { key: '1ea4282f92081251f573c805d543a42f4704d63a', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '018d7787208c632308f72929ed0f07388a871f79', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: 'c5b8005fb0fab6670322472d0c4568ad244d00f5', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '86332b5fcfbb774fa391ac62715cdf36011adbdb', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'ee93c540bab0dae74997bb06cba56c01aae10e89', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '064119538226e84bcb43fb34a2b24d7b8640746b', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '4efc7b72e19abac203427a868bfe0ec2138200bc', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: '31c1ee33d8c226fca8916e399d8ee7c35bbd9381', class: "illustration_div" }, h("div", { key: 'ec935ccbf776822c0e526bb0b57683afff8c2dc1', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '299b112a5540ae74b5daf6d225cbece2d18c3035', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: '5a8df5be1dd0fa7bb3f163582c9b8f892a1e5fc0', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '9e1bf2fe2d4402bc779c3a8c0eb85b38e724b2db', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: '2b77b7011c157b0e644be1f3d75f42c9a948835f', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: 'd7dbb0834b76310ee72db8dc4e9500686fceb59c', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '25c8bfbb92be7c8c8b67eeb65e9a3a9f3695f2e7', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '535cd1d7ba03e931812bdba4404187d04876898a' }, h("filter", { key: '4fa09f46d5ddd8944e76e2c38359cf92b9c4b6ab', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'b2f0f038bb91f26217ba132d7bae3dbd86ea577a', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '500ec65daccc101bc9f36c91dba8c8677e38a1fa', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '577d56beca7b00c837b45d0be2878e210ded788f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: 'e573ab1d54ca026056edd108cc6f9270388304da', dy: "8" }), h("feGaussianBlur", { key: '9de091b7f9e8445d1bf9b8b86dfddbdaaa79eaac', stdDeviation: "4" }), h("feColorMatrix", { key: '53199e7f3c1d9b57bb030d6c032e278842324a0d', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '1427a2be8a4adfeddbdd42c01288bbe43fbecdc7', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: '4d35cef02f16b4eec169ac099c2e793e1aa06e1f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'cfdea9e8c4e11bb65d036d5feb7e3e1889b53c66', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'f1ad235c5a4e7408b13bb51d9e2f677938d5954f', dy: "20" }), h("feGaussianBlur", { key: '9d98c3ed869abc39c0c4596f33f66b7db8eec4c7', stdDeviation: "12" }), h("feColorMatrix", { key: '6dc6c881491d5161d71966ce127fc631aff4bed5', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '7730ddad1af8d750582238fbd0799119cecf5489', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: 'fa9a421a91d575760ad0f007d5222ccfa0badd4b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: 'f3bb60df398257f2cb0369f8ddce17d0595ecdef', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '83698048ee3b2956d0569de90594127e00704f1b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7e7c5016d76aea40012ae685ab679cdd444fe4b8', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '1a6ee27b486a130e542a6be9f0d4652c02fc7312', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'ce868978d7670e519cc8574e9c3460511dcb628d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'c8cd28a0e2d72ce66755e0e627c1e9c4cd7d4667', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '9b5f6cd5bec7c9e4ea6348b483e71e3d8bcdf66b', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '8399012edc65629c2d702564d3ddf0a8853fe303', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '4113e39e15f543dab2beda060c3648bb02e58710', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '32e08c7fd776f69fe55e78548b5083b1b9a59ec6', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: '5c7601ea1a409903161434dd12a4b46294f94e24', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '28024e94ed91d67cf14b6fe34c2c5dfb4b63d4aa', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: '7fd3b716a6fc9c8f3e3337b62270e24b21cf188c', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '30a88ddfb6712d8a518b61d9ec8cc22eda0cd75f', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '6141ff70de7aaecf353e88ccb44908eb6c44250a', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: '65086554c73fc6b464a56074ecc0022d5a2cf84d', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: '2fa97eb381985d51871b8a797292268cf1f7fb9c' }, h("filter", { key: '29e1a051cd85acf1686e3a1f26888f9628d2852b', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1e1c1649d7820ba873c9e68a28c4aed3bfc70ecd', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '7b0e9a177d2f03f9e4c58d15a3a9cb864c335d41', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd6a9c1d324e7c539163f03e1cbbf4728af6ebeae', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '23c54c6e298152cb911211dde560a90ffd3bd416', dy: "8" }), h("feGaussianBlur", { key: '9bb532e88f9369f65fa7138d2331fb06842e1888', stdDeviation: "4" }), h("feColorMatrix", { key: 'db6ca257678f38d9fb7d3a91fd38a23c2c76ba8f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'aa13aff068bf8908f8fa8bebf3f9172960a05776', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '44faa9cf0f54c882c3f34d66942858badba73814', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '26190835a039b6a57b6ffe4456ebf1a34811f71c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '5df5393204bb4d2bf576d77341533e0f5448b17a', dy: "20" }), h("feGaussianBlur", { key: 'a0efd45d6684100d1d80a6c3c0f63a2c4434f26b', stdDeviation: "12" }), h("feColorMatrix", { key: '50ae8b1851c1a6525b1b3adc37dee3c11fa74f7d', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'dcc91757ac4e35ca545cc4de82c1fd03a3003ec5', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: '42ebcc9683f2dd9d51095f9be848d90ec92cd727', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '44584d3a162fe6477ae0bf3081fc5b5c44cf8744', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '44605278f4fed8e3af061c4ae03688efca34eff5', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '29034b15658862bc4159f48bb1ef8b6096da63d7', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` })), h("linearGradient", { key: '26b71e517c6560d551124ef3f79d6a8b2d072fa0', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'cbdc2a6e79cb859bafe7d1caf50e56128f101e09', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7b32a6775fc88c7541e0463c03dbd55a3175d3bc', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'd4c170902ea8bc606985a5d001082de8d5f5e693', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '57cd40f4e77777e46d55515c82a834d05cb7582d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'f6c29d3057b50a113977f720fa15aa7be4030ec1', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: 'cd5563f1489db12eecef1f5ba7ed583c6a6573af', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: '1d94a2874d30f4e9f57fa278c61d1572beaac763', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '9e4c216ce2f59df13c419574e263cf624fba6086', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: 'a32eaf8a641f04c1d6c6bf6ae1a68e5d5c1575a4', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '62760ad15d44d8f9d2fca0e5e9fc743968e05159', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '337e40c987055995b64090bf936726c35b60b8cb', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: '091d95c63ac0f7e79385f56582144bb96409e4c4', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '5e186f16e552a94000a1f07e9c559c7007813d92', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: 'f7fb27cc591011d0f8f2615b76fa7636763d14b8', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: 'aa6e9d5d0d7cf7b2bdcb88540a73066fad6952d8', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: '0817a93b185442283bd4cfc29dd68c4b318e405a' }, h("filter", { key: '8b35def1c309d275458b80c732593b1d4518497e', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '4f9aed916fe20a312ee68f507266a8c965d45b01', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e1b8467e24bb536a13b4f27c462ff4899640004b', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '1d5e8139fb27778f1bc7c1f874f0ef163124dd79', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '1bcfdea509408741d9d487ffd7460ed6baf00b85', dy: "8" }), h("feGaussianBlur", { key: '6eb9159bb6899eae83726503885f31aec095a0b5', stdDeviation: "4" }), h("feColorMatrix", { key: 'f792cc4aeea8861d39f83fd523db630517b0e7a0', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '39b6079bc96e52c10a31b9eab14c1f3ddb5c0ff4', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '270c8ee1448bfdcd37c54aa53f6858eefa86ed91', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd2b3a54c2c8a71cbfa299d0589b5a12054a7c05b', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '590523f6585ae35b1c17fab0198fefc669a3f3b5', dy: "20" }), h("feGaussianBlur", { key: '8817dd671dbc74e4519fa1cf5b3b0b957aba2b1a', stdDeviation: "12" }), h("feColorMatrix", { key: '582a56aa32f78a1f3464f5c365bc923e73d99264', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'c0b9840b1e4376123b1f7b9e2e0b3d798ca7b62d', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '94bbe78ab910e6e135d46de46596da0721a3126c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'e3b8774e45e149b4c19658e3e12fe566229147f1', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'f7ab85c4b89f66aa43a297c66e9164d66f9e02f4', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '1292a3951e7e8051d6cc6daefd4bfbc6e7f3db21', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'e3e149fbea9df17553ba42cd3f9b0634a3cf9e7c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '67e2ab5a201f8d55adaba4781601983d9ad5f3fe', dy: "8" }), h("feGaussianBlur", { key: 'e43c845f708f2357dc8ae54a3801cab8a16b9fbf', stdDeviation: "4" }), h("feColorMatrix", { key: 'a93ff7671b9a9381ccf5682278f718c4c1b6338f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '9982f3a176627b772058fdc65ed060437fb18238', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '4b6d6f03f5e2c5276f039a03123fde4e5478a582', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd0a98573b485ae11ee2844209c80325f18cdebf9', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '133669dd8e40a1c30c97b405193b1455606f3c5e', dy: "20" }), h("feGaussianBlur", { key: '7c69b489a8c78aa40b87f8bb9008301359c0569b', stdDeviation: "12" }), h("feColorMatrix", { key: '42c0a0c935d4996f444bf1001cc64fa8f7655631', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '07bb4ab5e4f793ab35d56ee5b907b19f390c3d94', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '9d5506c980f33d906f3e9ef44b789e71bce09ff7', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'cd3c0e62609ce54b29387b61c6c90b82ad6fd364', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '3e271a755f811d1892fe3cc37d6c0c9cc8c5d514', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'f15c3efb2d4e713d2d901d70fe00017d7f5d0d8e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'c33ea2cde7322f5a7a446c82886a1603b4a3b231', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'ac6d9751b04f06fe512779cc7ae54c632effb3a3', dy: "8" }), h("feGaussianBlur", { key: '33bdd319b3e483819f4b11ceef736733192c4bcd', stdDeviation: "4" }), h("feColorMatrix", { key: 'bae44cf5f36b74754f92f0619683429779d5fc49', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '4b734085f572d43a10625c393a9d10a0f4acff4d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '31e635925d5ebf9ce863cd3d4d32f4284b688674', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '80a89b988101abf21a00a5ed5cf2d026dd0e5a0f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '07d45e54658e26c6217af5c617e57c5654bd6e06', dy: "20" }), h("feGaussianBlur", { key: '8afa630c4892007580c893f70c47d09aa7c233cc', stdDeviation: "12" }), h("feColorMatrix", { key: 'f9250d9030f445ca391c4a4ef88db12831430d00', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '7ec1217773122259a592c6c061ac764a9b8c497a', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '631e564496e3fb0efcca1763da1d5bfbb9cf8f0c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: '70c5a8fa2dc07ee6e90e15cc20b97fc82ff1e7c8', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f98b7f878c05fe1171ddbe1979b2e07eeef53448', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '5ff8a884105a8953c030a85dab8f9d55b5ad4e41', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: 'ed043e6c2d3ab443f7541be45793904f273eca91', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: '951051ad8a9b78d4e552c893445f3dc14999aa79', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: 'ccb6daf419c9eefbb44803f122d9f8684063c83e', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: '56222d62109bba69bc64d30b9635a39a1676d688', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '6d1d6cafcce444e4c8dd9681bb08d2eacec3e972', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '065cba22403487923f73beb237809ffd08a80c22', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: 'cad02375b838660e4542384b8a15599d6a9a3cc0', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: 'e22475baf217dad2541257c604861fff9eb81e6a', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '03d6e3a21d5f4c3eb37f3380fb09dd8640cb5573', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: '69c191caed4f4f0395e1a9f75bd54ef244ae30a6', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: 'dcba83859edd097461cf2b838e7629742868e65a' }, h("filter", { key: '455b49160bc8d1a5af3cf9303ce9630912ac9cac', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'dc370d2e6c3f408c3f0afefa0f845b9616a59aa2', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'bb90484523880d40866cb6b6333c39307067d869', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'c10b1da9811c2b766fd04d43b62eefb1b691f4b0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'c0c686a87de9058e3bac58ca7aaaa5b5f817bc8f', dy: "8" }), h("feGaussianBlur", { key: '69d4c935413433b015235301e236001547c2a382', stdDeviation: "4" }), h("feColorMatrix", { key: '051e594f7b5365a56b93ef87a30b667fac53eb81', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '8d2e9bc1431d0f692bf6f03ada7c020dde07671e', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '519ad1bdc93494a813654fd264f29954692ef4e2', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '32f389a4eb3055d759488818e77a3ec91cd177e6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'f25da84bb960833b7ca6b8c709c612d03268a126', dy: "20" }), h("feGaussianBlur", { key: '3c680acb920e2c1f4b194d86c9406b1d97ad18db', stdDeviation: "12" }), h("feColorMatrix", { key: 'a536b459d409e436b6bd157b373dffe958ec171b', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'dad4a7fc69bb42b53365a3fa15cf6a1b9f2f1737', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'c3b1f9ad4ad33f1bfad7c2c1450c8b5cd66a1e58', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '7d6a9e0a747e0ab783bb8e2e50d81f2c0fc54614', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'bcd6273d8b517a8df7f563130d02c6f221b6d6c3', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'aa2e80593f36d3dcbae5c2e6eabbf48d6f4a2dd1', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '83d289986abd5178d3231b600ef96c5e73ec1b16', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '984162c54d410af290de45589664bfac62b451d1', dy: "8" }), h("feGaussianBlur", { key: 'dcc5e88f7856e54340397f9ff80246e7d1549f85', stdDeviation: "4" }), h("feColorMatrix", { key: 'b8871c6408817e6a8504b6991e7342a21dc20d81', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '1e0377b2dae222c4c6ed5056564d8d67648db489', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'abf43b1ab3be0e41334dec3f15c18ebe9b3eaa41', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '9a907e722ec7c21a7ad03fb03779c6396b3caf3c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '51a111133c3f53d72867749dd2b02f991c8f91ea', dy: "20" }), h("feGaussianBlur", { key: '72a76fc9deb833e3644284a7b96075f859ce8197', stdDeviation: "12" }), h("feColorMatrix", { key: '183050f29ed2aaeac474e23d611881d56956410f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'a32ffebd47c5759a5905e04024b3c006c9b167e3', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'a55d39ed463872f4dbdb5ebf22a9f2c692997f66', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '9054aba05651d800d9e365f3f359b6b0fa52d3a1', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'd7a2af5a3782f1f23965774eb8bf06f6e9788e12', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '48da740021e3c58b99b95b2818a739ab1761ced2', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '33273b494600fd904427dfe08db54ac571ef24b6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '457ff1f85a97d2844cdbb0197aff0fc74f28fa37', dy: "8" }), h("feGaussianBlur", { key: 'e3087fd813e875f6e4da3a684b855217abdf3b23', stdDeviation: "4" }), h("feColorMatrix", { key: '014830c594ddcb7cf2a46c3dd71c9c57f53436d8', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'c836d98976574e14fab9eb8e248b2a44f0407a45', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '227d33c5bfb293a91a80a5514ff7c3b61094ba03', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'da6d220f076cd00a11a99870568b9dfd5d367846', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '9d2f34e87695637bcf3c13251d1931d8ef29b29e', dy: "20" }), h("feGaussianBlur", { key: 'd6f11bc40ccd92386d05472178c7fd4dd93e69e8', stdDeviation: "12" }), h("feColorMatrix", { key: 'b51ba0ef44830b4aa57c2fdbae4163727e9971e6', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'dc065a747a5a48c0364e5f676a53ea6658b8a7d5', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '4529380d87327f3ed9e5ef84138607039e416098', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'cdbda7e15b2b74a0492b385f05f115f923c621da', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '485cbbfc8d23a60543f6b7fbdda495e00fd6e8fe', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '15348a54b69c413ebdcc35d5c9ffeaca5ac91376', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), h("linearGradient", { key: '79df6775f578db073957c54d0a83f0ecd8e99907', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '108b64f81e9c59caa22e1d44fb03ebe37fa1251f', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '02eaa65de59f3bba8f9be15b26527a7ed4fa8399', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: '2b59191ed186d5b5c86673bf354d5c572ad269f4', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '3dbc7f2d3b0070ebb31b65ff247feea22665357d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'abb11e517faa7bec392e243f15320c9911999bd9', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), h("linearGradient", { key: 'e7058b1567f01e1407e64240b81eed8d2da291e7', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '0f8e80f7df12fe1dcb9f2729afe2ebab01e69a02', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '4078b09f812c1ece69c02c7b26dc5cf6174363c9', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: '8a06b9c574abf8029f3ba4a12d63d6fe9bd1e239', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '79fe3ea928acfbafad9f6925ca7de5f5d2365bdf', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '28a42e2bf1612c071b00f54ba48885e89de2ca5b', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: 'fa4c4dd15835b220196cd13e3d9e0d8e059890d6', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: '3ec93b75a27fdd8ef507bd79aea0e3e1760e5a91', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '05611dc25a8905ad01cec30c396a91c26d8e3d30', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '414bcbd16a1cf3e13fead5ad685040b7c96581aa', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '249db0ee685b7ff44aa39ae6163ffdc77577bd35', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '8844c06878dcf8cf5615367d80ba91cc3922497e', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: 'fd0675e864d465b221ba62c043f38c3d873c5b95', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: '7830d946fb864e4400b2e91ff050c6d09e2d3247', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: 'c15d4932c01558e2b56aae335ba209c95738a040', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '023edf0754e28f9666bd64d64f7550d4d7360384', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: 'a655578fd2c60cfafe709a2070f9a31d0e176f6b', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '3986cde192bb16fde3985b07a792aa258e284148', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtle, #E3E8EF)'
-                    : ''}` }), h("path", { key: '60d585025bd510e54b72aa63cd4cf02d4f6500e4', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '887ab38e39af5429feeea0d31e2ed1fa5a2c097b', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '04f0a50e82a308727d986abb3fca974c67425328', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'b13956d6636aafb573e13fbaf7cd885320b0aa6d', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: '08d0cec14e3e1b7bde0ad7900e5b77a9768e1710' }, h("filter", { key: '3eda190ae7f4f000449b9128de9e984515d75a1a', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1f56a597f8afa226fd841145f3838d8b1abaeaa4', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'bb526f48120cc4e9b74434a97590735b2ba2d232', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '0e5746fb61e7e6f7815a0f89ad0d6b65a125cc16', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'e3eb216c8ba383e79b3472c98ae4f43b68cff28b', dy: "8" }), h("feGaussianBlur", { key: '7088e4736795c2c124992da204a478f6196bb32f', stdDeviation: "4" }), h("feColorMatrix", { key: '0af1b1175a814351230a0cd0231eca99a1171838', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '92e983aa56d45c119da329e0b2ed8c157ab301bf', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '2b186284b74eee0aa20c88e4dc176dec2119c36f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '9f90eae836109108aaf6b7b9569df16fd25c82a2', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '23ddb5e181f8292afaa5212a74a8b5d68dec7e65', dy: "20" }), h("feGaussianBlur", { key: '76190621a8be3624e3e5d8e6471b5799b83794fc', stdDeviation: "12" }), h("feColorMatrix", { key: '84ed3fdd79ef7af4d8e9e40382f8d3caa8886381', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '6d0dfcc7067d6068f84161287b3a41c7107eb1e9', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '839575fb92258ef818e3fa74efc9ac231af77cef', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: 'e09516469485c2566c0dbf259bf6dcfa29448ac1', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4093dd4698e99af6142b43e14a603a485273e05b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: '9418bd92ca947cb406c9ad728268c1ae28849342', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }), h("path", { key: '594507e606861e79e1b19f5ba312b37fa4b2b1e2', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '0ee71ad3035192074d53405757bd8d2f01723d67', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '8214232ebe0f44df26e51088242027c1411afa8a', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '5ee5c2ed152f5f998512f53dc5d471fa6bf1ffea', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: 'dc0172727e7c2130d48d34d3bc5ee18d7b0562c2' }, h("filter", { key: '317156c6ef6f47c2104a735edf4290c10b0a7d22', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'e4ad31575ee7c69e1f2e07657531a7bf61c4e843', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '805e0895c6229dd6094af53f414dde8bc1122a8f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '6265c910126bd7208ab283239c9939377abbf3e1', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'd80863595312c0250a8825940aff49cce5892013', dy: "8" }), h("feGaussianBlur", { key: '99ff174bf7f7b13e97a77aeae105f3f30d3420ac', stdDeviation: "4" }), h("feColorMatrix", { key: '4511c8f9cb7f616ce4c9f6bb109f3dab0637db69', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '5c81a249decc1eb5e1048c4cb00146cab8b9aa98', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '6415b25e449c96788897eab02debc3915e3eeacb', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '3be18df1e0dd22f7c62d99de75707e558d1f02d6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: 'a07b66cdc8f5cfebcd396556d0097ccb6d11ea64', dy: "20" }), h("feGaussianBlur", { key: '8d2ff8864f048b29f9310b1c28ce8897d9d1279e', stdDeviation: "12" }), h("feColorMatrix", { key: 'b01d3dbad4fd7400034630eb35651a1f8f7f62c8', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '96f9962b1c8b46ca0e91447b835221d036b6144f', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: 'e9321374ff38c329cb55cbcc0ab70a5ce0deb9b5', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '96381921f229ce10888479ae81f926634dce5f89', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f4c74466a149c39a7db081343410115ed7c3252b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: 'ccfcdc624a35387dd52b5f47eec2d3a3ee2de12e', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })))))), h("div", { key: '959c296f72fbf30e6affa1d5bf98f5031c08107c', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '7ae5354bdce84efccefda9745f76290725322a4c', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
+                    : ''}` })))))), h("div", { key: '5df111bdcd4baea470904ffa8c0447c027223ea5', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '26fa6a49cd60a89c52a14aa0be60d0db8c131f55', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
     }
 };
 GbIllustration.style = gbIllustrationCss;
@@ -5098,16 +5100,16 @@ const GbInputDropdown = class {
         const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');
         const illustration = getAssetPath('assets/empty-state-no-data.svg');
         return [
-            h("div", { key: 'e51973ca3d8cfd5e6958e5360d4e5b3d7df42bba', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: 'db4cb08816e714443335bac318fb4e287230adb0', class: `input_with_label` }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "dropdown_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "dropdown_label text-sm-medium" }, this.label)))), h("div", { key: '99db32f40b4e1aea9332662b2eb01503f9d44ef5', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: 'dab5869e52ff3945d7501a3f544afe7efd10f8f8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4d67ff90dc020e7a9441fda464cb19df70e328f2', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: '23654710961622d719cbcb0934d5ec357c571191', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '623e9a91927de0d1d5a6be16c3a92bcb99455539', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h(Fragment, null, typeof item === 'object' ? (h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && (h(Fragment, null, this.type === 'search' || this.type === 'tags' || this.type === 'icon_leading' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null)), this.type === 'dot_leading' && (h("svg", { key: 'c030f39b5d8941bfd6bee9595896c2147be1e525', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: '83542ea96386579d7e2ddc80a32e7a96d6ecd28a', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h(Fragment, null, this.state === 'default' && this.type !== 'search' && (h(Fragment, null, this.placeholder && (h("div", { key: '78fa0cb0c6322e5aaefd135c72970fbca9c134c0', class: "placeholder" }, h("p", { key: 'a5f081a5039bb54170e5f508be879789cde18214', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: 'afb40d69d5274448d204de12ef31caff78d21230', class: "search_input" }, h("input", { key: 'c6d67cf41460ecaaead15c347c752cfa94d878e3', type: "text", placeholder: this.placeholder, class: `text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (h("gb-button", { key: '70154ca6288825348a77c484793fdb92730eb74f', class: `close_button ${this.size}`, size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))), this.state === 'filled' && (h(Fragment, null, h("div", { key: 'febfbb073f59211cf9ab194ae721da9658120d8b', class: `content` }, this.type === 'tags' ? (h(Fragment, null, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+            h("div", { key: 'b74341745d537b75b7836941d2f3ee0a34fab4f6', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '9ee58e3818ced0e2054afacf314c33a75a75aa3d', class: `input_with_label` }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "dropdown_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "dropdown_label text-sm-medium" }, this.label)))), h("div", { key: 'daf796e5534c384598f7035051e2ea57797568e4', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '1eb08b60feab33adb5011247da08e4812f8f5524', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'da05b6ed16b6e1c96c16f768340c732c9420534a', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: 'df5a13ad47cd6b63e1ac6899c51312fa2c159ecf', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '2aeac590f47bbecd5269c8deaa79b3dca3c1266f', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h(Fragment, null, typeof item === 'object' ? (h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && (h(Fragment, null, this.type === 'search' || this.type === 'tags' || this.type === 'icon_leading' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null)), this.type === 'dot_leading' && (h("svg", { key: '644910632724a2d4f5a45f8620e42c4bca77205b', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: '880a88ed5bc34d40f0e359506267658b0fe0519a', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h(Fragment, null, this.state === 'default' && this.type !== 'search' && (h(Fragment, null, this.placeholder && (h("div", { key: '42f40eee7ef35ff28e0f91cce8626c67659c9781', class: "placeholder" }, h("p", { key: 'b2df9fc1e1767480a48c098a27e1866d4bb2bc1e', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: 'a143edb7d32f4141ab2387f5291d2be7223cd407', class: "search_input" }, h("input", { key: '57454e370344732e79439b5cddf2936c43f585f8', type: "text", placeholder: this.placeholder, class: `text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (h("gb-button", { key: 'f6903df32070b867d058b87698dbfd16a2458b3d', class: `close_button ${this.size}`, size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))), this.state === 'filled' && (h(Fragment, null, h("div", { key: '3fc1ba674a4630d5caa1695e9d32481591882874', class: `content` }, this.type === 'tags' ? (h(Fragment, null, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
                 .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item))))), this.supportingText && (h("div", { key: '2e07e9ab441f3bb0950c092aad7a57266585e07a', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: '859e58dd9e09edf14f014ebb622dbb7f035b4746', class: `content` }, h("div", { key: '6b047b1bfc3cca093e6cc44664d312927ebe35e5', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item))))), this.supportingText && (h("div", { key: 'c55fa98d3cb18ee0c291d93b446ed5763d2dcace', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: 'f2f7a07d178032db135804aea2de517775ccbe6d', class: `content` }, h("div", { key: '738baf2a61373455ee34f99b5dc3dc165fb2a33b', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: 'f28b0650097122c60a554556c360778d407a93c2', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && h(Fragment, null, item.username))))))))))), this.showHelpIcon && (h("div", { key: 'dc37a9f6cbca5c8b72946101f52fe6eab7d12683', class: `help_icon` }, h("gb-help-tooltip", { key: '5cdfedfc914ccf77e05d37b6cc3042aba3b9eca6', "show-supporting-text": true }, h("slot", { key: 'c857197909a7fa9858fa3ada30e99637a6410e33', name: "tooltip_label", slot: "label" }), h("slot", { key: 'e39167d32dcdd504cb8aa2f1c177bce247fc8021', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'ba5d030f444487c1ea1bab1f73095920c94689ff', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '4e52cc14e594bd8c1ec5fe6accebfd3dc6bbd733', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '36f6727b281062b73930359c29e9ef0fd85d693b', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h(Fragment, null, this.dropdownOpen && (h("div", { key: '77151e0f7452986758158815e10ea6bc64bea635', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: '780376405e68c87849cae69f3de03bc5a6a3ad62', class: "dropdown_search_field" }, h("gb-input-field", { key: '3d91da6ca3c153afd3b1de309c9e3d59b8147c4a', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this) }))), this.loading && (h("div", { key: '2dcd60a3b9012d1a8da854a0d9aa28d1ed2fd5ad', class: "loader_div" }, h("div", { key: '47aa943e9ec754a1a378755ce70b79c294540272', class: "loader" }))), this.searchItem ? (h(Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (h(Fragment, null, this.searchResults.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
+                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: 'a776ee56a1b02bdf63920bddc6b2636833981e44', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && h(Fragment, null, item.username))))))))))), this.showHelpIcon && (h("div", { key: '8483c67061fcb15530ea06e9eb279d05252ed417', class: `help_icon` }, h("gb-help-tooltip", { key: '611fa64ca96a9c997c0694ee9d1ad31d9a629f5e', "show-supporting-text": true }, h("slot", { key: 'd2600642f5d8ecb83b2f9de2531b91b46c6dd323', name: "tooltip_label", slot: "label" }), h("slot", { key: 'cc875e4fe2ba830cee17e97592633ed02eff703d', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'd16256dbe0939546ea37dca3f55495f6596d8e68', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: 'c0e633fa5803f37f9a7d82debb41707383559e09', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: 'ef843afdbd64541912e2fad10e70d88355c15505', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h(Fragment, null, this.dropdownOpen && (h("div", { key: 'd082f528ae1d8a1e884e3eda428830701ceb9bd6', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: '5f85534e76ce33d9e75693478aaab066203e624f', class: "dropdown_search_field" }, h("gb-input-field", { key: '278f55611026120604533361e9cec9d7f49666f0', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this) }))), this.loading && (h("div", { key: 'd9bf701b758e61f95d27870a0b7ebd7fecb839b8', class: "loader_div" }, h("div", { key: 'b782f32d1eaf9689c2532ce3969f01f7ec9d4531', class: "loader" }))), this.searchItem ? (h(Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (h(Fragment, null, this.searchResults.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
             //Empty state for when there are no search results
             h("div", { class: "empty_state" }, h("img", { src: emptyStateBackground, class: "background", alt: "" }), h("div", { class: "message_background" }, h("img", { src: illustration, alt: "", class: "illustration" }), h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (h(Fragment, null, this.type === 'tags' ? (h(Fragment, null, this.selectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())))) : (h(Fragment, null, h("p", { slot: "name" }, item), h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase()))))))), this.unselectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : (h(Fragment, null, h("gb-input-dropdown-menu-item", { state: StateEnum.Default, "supporting-text": this.supportingText, color: this.color, onClick: () => this.handleItemSelect() }, h("p", { slot: "name" }, "--", this.placeholder, "--")), this.items.map(item => [
                 h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("h1", { slot: "initials" }, item.name
@@ -5182,13 +5184,13 @@ const GbInputDropdownMenuItem = class {
     render() {
         return (
         // <div class="dropdown-container" onClick={() => (this.selected = !this.selected)}>
-        h("div", { key: 'da949315cb51b6584ccf87f620ff1d81bdfea408', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: 'd0aa2a9a43b2fffe23df572d80332d8bc57af34b', class: {
+        h("div", { key: '9565bff7c3d6d4c10c7305c471126466e680ea34', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: '9b1f3eafaf44eefb52547b8e07837548da67e6cf', class: {
                 'dropdown-item': true,
                 'selected': this.selected,
                 'disabled': this.state === 'disabled',
                 'checkbox': this.type === 'checkbox',
                 [this.type]: true,
-            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, h("div", { key: '3ff431e8de48e05a9fde4cb7b22675f02fbe8235', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: 'aa05301021552e3869adcd1347cf70d6f262f38e', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '235cfaba74f1970d21b8e51912a8d4e7494a63b3', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: '4b26c7e6cecece698805b9220fd6934dde7e3f40', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (h(Fragment, null, this.state === 'default' ? (h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && h("gb-checkbox", { key: 'a490c69d3ed630cb542c461fc12feaa28ebb2381', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: '76829f4e9a6e381c82bf3494a61dad6a2fe9b84a', name: "name" }), this.supportingText && (h("span", { key: 'f8504865001cdf64a33987acbf79cd229a9cfb3b' }, h("slot", { key: '04b53f385a770d7fe9b5293525430dcebaf66c1f', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: 'eddec66a137a0e9492dd3f4f0dde4690edfaa123', class: `tick` }, this.state !== 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, h("div", { key: '587d1ea535ffab847f8f3c0fb5858f268aa280c3', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: '8bae6933c235cf698bb8654e0225da3af0c3df91', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '43eeb2eaca54aa850b2ded14724b560f1c4a26bd', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: 'd4199d8f92a6ec533f93bd1bcafc2f142910ac33', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (h(Fragment, null, this.state === 'default' ? (h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && h("gb-checkbox", { key: 'bc3777887be835b44ce452c43336db096b3ac969', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: '6875247eccb5286c8b0475c40c635195140d28e3', name: "name" }), this.supportingText && (h("span", { key: 'eb48bcea5208050d038130d5f2e73b55ea423661' }, h("slot", { key: '4b1eb1aa8ed42f1ce9871f99a5c0bf72f6fa17af', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '9c434782e7ae849e18af12546926265c87ca1cba', class: `tick` }, this.state !== 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     get el() { return getElement(this); }
 };
@@ -5614,23 +5616,23 @@ const GbInputField = class {
     //   this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));
     // }
     render() {
-        return (h("div", { key: '5a0ee8de236ecc61f08d5f47ed051f0f1eac14d1', class: `input_container` }, h("div", { key: '5bd4893860d280395f6cb3bb25879214b7b856f4', class: `input_with_label` }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "label text-sm-medium" }, this.label)))), this.type === 'default' && [
-            h("div", { key: '43d3753e383bade249ed2528baeea70c3354a907', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '14874f8d7670fd1463250f631840545c01a4f5d1', class: `content text-md-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e), value: this.value }), h(Fragment, null, this.loading && h("div", { key: 'f449e43e97f8fd5d6e9f04b1284a1fc84a79af8b', class: "loader" }), this.showValidation && (h("svg", { key: '4850158ba8ad836b59da8eb950cf1086d581305e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b7e4e542382d57bd514b4c683a613c3eabd58de5', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '323bb9b354437bddf079939856b3dc674a8dd0fb', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+        return (h("div", { key: '49465b23e9056ef18f1a379cb2a6b33b81c01c4a', class: `input_container` }, h("div", { key: '7a2ee0b058e54b8d85bcdddf9f04f2f2abb76a29', class: `input_with_label` }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "label text-sm-medium" }, this.label)))), this.type === 'default' && [
+            h("div", { key: 'd00b9ef247ca86bdffd45984dc0ccf047e13d77a', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '6accbf525767a6fac69d95e687ca1350fbe8c6fd', class: `content text-md-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e), value: this.value }), h(Fragment, null, this.loading && h("div", { key: '90dbfaecfd8fd1dd59f38f0a96b6f90416b7eae3', class: "loader" }), this.showValidation && (h("svg", { key: '62be1fd85404ab71093b2161188546394b57254c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6e7a38b6bbc9075b782ba38bd230efeac4a4fd32', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '76c9214fc3358a5e335201b8962f8e1e4c565ccc', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
         ], this.type === 'icon_leading' && [
-            h("div", { key: 'fbb914168c6ac3397e612d862d239425d04c4e5b', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'baa69b56ea7202d34b9b8ef47519446982dfe5ef', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: 'ffaa0280b30c7463f6c684caa6ec5ec8ff0f360f', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, ref: el => (this.inputRef = el), onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), h(Fragment, null, this.loading && h("div", { key: '6578d0ecf9afbc69e99109c757bebca8ef7f6e14', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: 'baebffa03ff7f0515a2f36152e6af8d3f23466fd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '0ae7c444c4c0a8a21e4ab2ece81eb2a29086d599', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '0670ab15c80269ae83b580b788b18e42ad05bfa3', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (h("gb-button", { key: '97dbdede3b3c517c655cc38abb1f68db3e7eb2a4', size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput(), class: `input_close_button ${this.size}` })))),
+            h("div", { key: '679992c7a87e401100df1757242f226f971cdf3d', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '80041ce61130e0213712ec6427f00c844dbac537', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: '23419b443359bd0126aa7746479698933a5121f9', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, ref: el => (this.inputRef = el), onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), h(Fragment, null, this.loading && h("div", { key: '9164867f155a9785482dfdba54060a1625e417fd', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: '3cbc93942bbcce03ae5cd30454cdca6cd4344f77', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '716da0e6f9e1aa3e6068738e488d45b1452d6511', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: 'bbe1a9ed895ae2fb37aa8fb4b88cbeadcf8c9dbe', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (h("gb-button", { key: '3c89b0928cf3845e988f2b8573a7e2c1950b6b05', size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput(), class: `input_close_button ${this.size}` })))),
         ], this.type === 'leading_dropdown' && [
-            h("div", { key: '91bb6ed72ed37dfd5db86438e8b2a50c55a72be2', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '43a0935e93f33bf1e9399ec149af57783298a7d1', class: `leading_dropdown_dropdown ${this.state}`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (h("div", { key: 'b79d18b2968fe0df483773a17aaebf10cefe19c7', class: `country_icon` }, h("img", { key: 'faed2f89dfae75da2458cf27ba68c861974d8060', src: "build/assets/NG.svg", alt: "" }))), h("div", { key: '5f2d71eac649ee9d59728feeb0b130b8c0a9c576', class: `dropdown_text` }, h("p", { key: '18c56390ec812ae873834f768424d26a5dc07587', class: `text-${this.size}-regular`, style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '3a5acd1be30c4e3069afddc562144c8f0131f165', class: `dropdown_arrow` }, h("svg", { key: '16f851e3ec91a6d0c89f58c89485e0ab338e4917', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '430bf21b4fac671328d8ca488f6eee751495fad7', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '8248a193963cf38e53d80b951027d4c3e41afb18', class: `leading_dropdown_text_input` }, h("input", { key: '1ec63b5251d01e63669ae51853aa4d6035152807', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && h("div", { key: '06ad23e8383bbafa03764233bb8d14cc834afc80', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: '841158abc941f5f8da28807018f793a712d29892', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '84809240a3c77766c56fcb48397258731198029a', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: 'c44c55fb2c59de9ab09b1abe9eff200d992e97d6', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
-            h(Fragment, null, this.showDropdown && (h("div", { key: 'a1ef566bb00aa88698b51ffed39e9c49806803e5', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: this.options.length === 1 ? StateEnum.Disabled : StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
+            h("div", { key: 'd8ff6b5b7401ed4106aa4603ad117d615c1b5d82', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '06ff106729f0080fad19d2847769348ae6097e40', class: `leading_dropdown_dropdown ${this.state}`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (h("div", { key: 'eeb4a291852aa2c583d208ca79e159411883272a', class: `country_icon` }, h("img", { key: 'bf8c5193b034027f2f950e08288242a00d9dd25e', src: "build/assets/NG.svg", alt: "" }))), h("div", { key: 'b1d3bf8bd14e4d153a8702a05d63509114b951d8', class: `dropdown_text` }, h("p", { key: 'a56afebba107aa9331b54ab6f472086f608c9128', class: `text-${this.size}-regular`, style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '2bd0d0e820cf48624b1fb9a11d014fc2f477f882', class: `dropdown_arrow` }, h("svg", { key: 'baff77e2e4f482e182de57a50b39adc2d40dd0c2', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '99d7f432db8f0bd749b8acf0ceee64e110646aa4', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '1f1292175c11382f9927cb760fc53420d7221104', class: `leading_dropdown_text_input` }, h("input", { key: '066e456fd876a7ddec989caa77f68f81734cfdae', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && h("div", { key: '8f89d62e2881d88184cf3e3a53c00a0582ee9758', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: '6d26b273fe9509fafa70576965ce5f43fa3a97bc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '74f564718aef0514640ce257c497ffc156ab91dd', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '954b0b15ca43befd0e04056b3dc47937af021fb9', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+            h(Fragment, null, this.showDropdown && (h("div", { key: '08273cd837c6d0575c30ce3f46bc9dc7e7b98d39', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: this.options.length === 1 ? StateEnum.Disabled : StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
         ], this.type === 'trailing_dropdown' && [
-            h("div", { key: '59d6b1111022ec5fe0776ed2489b45d5e690a0fe', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '22cf170790db15c14fde36ac6d821dc8032d4683', class: `trailing_dropdown_content` }, h("p", { key: '2d32d33414f9e6926a8a0de511ec7c8ff8da7133', class: `text-${this.size}-regular`, style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: '34c4956b6754f6386b75aeb4a588da411444cbdc', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && h("div", { key: 'd30ec5d7014aff91af9174f7d189641237eadb9f', class: "loader" }), this.showHelpIcon && (h("div", { key: '2e7609a8e6237cbb32c6a6418b23bc62f70962e3', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '399028af4c0322aacef468f53162593a030b859e', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: '9b399a999306a4dab023cd3a71af1f69b8929f2a', class: `dropdown_text` }, h("p", { key: 'f4e7d112054ba9e886fda66e3ea0d1c0eb9b7eb1', class: `text-${this.size}-regular`, style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '0e4a35458a51d5184d5d142b6bef6e8374eefc25', class: `dropdown_arrow` }, h("svg", { key: 'c0df2251bd6b5c1036dbbf3b932aa7f93cfc6474', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '79c7611e6999c94738eee14478482ecabe8452e9', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
-            h(Fragment, null, this.showDropdown && (h("div", { key: 'ff011a107b0e6368986ae543e72893ba4293f88d', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
+            h("div", { key: '4c40a1c7e6b7329d2af7e0a31800e3b1cf263d4c', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '302e0dd07ff7a32987ce5198748031038f2f72f5', class: `trailing_dropdown_content` }, h("p", { key: '57758b9eba5bdc18c0c37be99987cd26b86b4876', class: `text-${this.size}-regular`, style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: 'eff4bdaba5e690a9dde113cee5d1108ceecbdf53', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && h("div", { key: '31e02c60ddf0364f41fb37fc420926831d157fa0', class: "loader" }), this.showHelpIcon && (h("div", { key: '28fbcb057e04d189a596c51c3b9bfb3132a1911e', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'b05eb050a72c941efa175797747cce8b51f2b223', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: '1f79a43abc109642003d3c2bf648e24f497340f5', class: `dropdown_text` }, h("p", { key: 'f66d94d57c2b072d1978c59bd35aad8e064f2e75', class: `text-${this.size}-regular`, style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: 'd05e9f649cfa1b114038c891f813ee6d974ef881', class: `dropdown_arrow` }, h("svg", { key: '72db7c4eb773618cd382a41ec5cd106e97a4fbd0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4739d295fc68f3a9ce7c728cf50ee5da55bdae52', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
+            h(Fragment, null, this.showDropdown && (h("div", { key: '08a078d51c52c1d677a663a6edb24ed24ee93ebd', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
         ], this.type === 'leading_text' && [
-            h("div", { key: '1f32d78df7e86523ea14c65a3fa531200de7b74e', class: "leading_text_input" }, h("div", { key: '0bf5ba373b8078516dc8bddbcfcbbe62b79174a3', class: `add_on` }, h("slot", { key: '3b9fd14049fceaf2a2824e0e6c8dab72bad1bbac', name: "text" })), h("div", { key: 'c5fcfc9204c5287e2fec1d59cc16eeb13e99778a', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: 'ca93f6b98f35585a2a73da6bb958ea55ef290774', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && h("div", { key: 'a06f479b2cd26b82f3d257d01036e6db1f8d0054', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: '453385f903f63a55574df23c127c1fa948ef7a7e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '58035bfedce8ba34a8dcbce9956937cbc8434a9f', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '5f942be0c2534c513dc85c5ddb4b7d0f453faf89', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
-        ], this.type === 'payment_input' && (h("div", { key: '8a99a92173312452263e53394fda0cb740f1f979', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: 'aeb6406e7d53fa4647a71317e6ef0505968d40e8', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: '878880af99aa8eb4b447170822b42a9a40178303', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), h("path", { key: 'b246e565db59ef8fb634573e7a7bd97177b3955c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), h("path", { key: 'afa3710065e12ee3d4a5429372ffa9c0ad9ca65d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), h("input", { key: '1d410ae9c7aa9ef77a14e50d5ceb313e1a01ac1f', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), h(Fragment, null, this.loading && h("div", { key: 'fbc6b3b628646f870982c11c5258f06f39ee0238', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: '40ee5f67209ec438f57ff49915ed54a80c1b7ff3', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '37d3b60f7769c204323858b7d90f590bf864ada5', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '2e924d993a18ed6ff85ac79409a502057851e8e7', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (h("div", { key: 'e93caa3f6f9bdeb80231e9ec671035becf8199e3', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '69d464a59815a09920d2170e9e679db851fd86de', class: `trailing_button_text_input ${this.size}` }, h("input", { key: '7b9e2b81563e63b59aff890e5af4294f1545ea94', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && h("div", { key: '252fad1801b836d73ddb44e423768953476fe090', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: 'fcb3e7afb5db93436656e0b29f5d27f7b31bbbb4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c1c5c2b03ddae1a09220d01c27af62918a46d964', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: 'b09d0d2eb0328434b753fff4a58e3c7e1637427e', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.loading && h("div", { key: '230834cba3cd9db3bea49d3b1f05abc0f226783a', class: "loader" }), h("gb-button", { key: 'd06ff288f031c45c4f67056aae079ffd7dc94f76', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": this.iconSwap, onClick: () => this.onButtonClicked() }))), this.type === 'password' && (h("div", { key: '1729dca8a711fcf16e24b1b3c434daf1fe5e93bc', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '85e2ace9c3a158ee00fc1dfea25616fd1ad19f99', class: `password_content` }, h("input", { key: '73f7f5082e5194eba13cd6a3c7d6aec8dbcc5f03', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), onFocus: () => this.handleInputFocus() }), this.loading && h("div", { key: '9bac79e45fb792b08c03dc22aa3e7ee156bad787', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: 'd6be2875d20ed79702c56932619927a7ff0c19fa', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '693456496ae94f587cb8f1608efcc15903c59dc7', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '048356675c2a1f1dc9ef4c41dc04ddc515fb0686', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '880e0118fdcbe79cc2e10d10fd6bec215fc25278', class: `dropdown` }, h("gb-password-button", { key: 'f0d1a1d40607afeaba6d430a8d5d49faf62e7ab1', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '436d65f21236601cb26ef5f0992cd58e9aff99c3', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '847ea115b501c3b483b6bae543bdb3ae3f8567e0', class: `password_icon_leading_content` }, h("svg", { key: 'daddf57c8ce8a00b5fce302700c69ddc7a6e16dd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b387dc1600784d05b6b39319023fb8fd4292091b', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "var(--color-icon, #4B5565)" })), h("input", { key: 'b9b272d135c50670ff5826ac4d229cd5a47d1158', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })), this.loading && h("div", { key: '695df582be585f9702a141c6b12ec763e0cf1d48', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: '5d23a525cbed280d8273f11c73904d4d0097f01e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7e8336345b5f2acf13f6094427a300c9cf518b72', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '8e06e48bcc5d3d858d2644d54e5080abd09fe1f6', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("gb-password-button", { key: '8ac71024e534c45f479a993dd86a858e89cee1dd', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
-            h("div", { key: '4167c72acc2b7c734408fe0d623e31bfb3a45d3b', class: `count_input` }, h("div", { key: 'f04b6308b7b26b02a8bc316ec11131321f0799c0', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: 'ca496b71186d42195897ac8a566dc347c11b5e68', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && h("div", { key: 'ddbcfa63fe92b666c4e983fd34bc4bfc67ad42b3', class: "loader" }), this.showHelpIcon && (h("div", { key: '93924b826b2809126070ef9f35af53aa1609bf11', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '58237969f76a757e7cb4dcd81733b7887c593b83', class: `action ${this.state}` }, h("gb-button", { key: '9b8bc370d301cb432f4c04e8426e0059a576d2a7', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg", onClick: () => this.onMinusButtonClicked() }), h("div", { key: 'b82ddac634f1f2aac450931f2013d62935cddf89', class: "vertical_line" }), h("gb-button", { key: 'b6975ab11015bd6c6d287b7a4186ea15b02ec385', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg", onClick: () => this.onPlusButtonClicked() }))),
-        ], this.type === 'tags' && (h("div", { key: 'db8b8241601c47b60f333d9dd1b377a5be69cbbf', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, h("div", { key: 'da1e4b04bd0628c2072f106a583ed8d67b19158c', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("div", { key: '6168f31f4bf6c0a8fc0eaca5c404d98d153a65fc', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, item.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, item.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("p", null, item)))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("p", null, val)))))))), h("span", { key: '7947ad2e8e0608935fc61949d1f08364e62b7a96', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'cd61ddc7e0bf0815af2d4e20020b02bd2724b08d', class: "input_field" }, h("input", { key: '065c182cdc7e5ee79d368c1db01754714995e70a', id: this.idOfInput, class: `input_like text-${this.size}-regular ${this.state}`, type: "text",
+            h("div", { key: '7e35260cc0d1bef63832e5001ec50e3a11721c4a', class: "leading_text_input" }, h("div", { key: '2072ecc431adaef3b17ffa4ddbf5c04bdabe9b23', class: `add_on` }, h("slot", { key: 'bc3154dd3d8290679bddf06ad2c13b9cfdec0517', name: "text" })), h("div", { key: '719ec3c6ae7e9c8532dada1a67a4ca9f7fdb8fc7', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '61bd15d537b3dedc9d0814ac1262b9844de0da72', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && h("div", { key: 'c42a099fe09dd36d9f9aaa0b89cf69091a7f398f', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: 'c94c8af7f5a5a5ab056027f9ab8d83befffebfec', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '39d91ecb33a32657ae4f18da5e3d1ebb475873d1', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '7ddc499ae1c773b860b4edf3e4d26a45b6b90966', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+        ], this.type === 'payment_input' && (h("div", { key: 'ebbef02494e0db2307b944887b75fdf5e5c715c9', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: 'ec37ec3a4bb5f1883069501a4dab16fef5b82fb5', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: '3670e1981580052c58f83926be7c360aa8fac82c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), h("path", { key: 'd1c897062af9f32aba5dce3f64610447b2186d34', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), h("path", { key: '6ee710df5a8590cfb4a89b0537fcd818d94e02e2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), h("input", { key: '455b14c09b20522f2b740a890222aa8bb874b31d', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), h(Fragment, null, this.loading && h("div", { key: '4f743cf2a9604b08f4f811318642087fc5d372c8', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: '479ca7630144dee3fe139d31ddf46724300243ff', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b07b552f5cbef5801e1db62affc948a659e9de21', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '33b9ccf20f00e7b6940919d5b288390acc6c1a38', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (h("div", { key: '7811704fe9bd964ea912e7b6b29ea4cd807870d9', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '843ad6fd3312b1baaeb3df840be65103a7083213', class: `trailing_button_text_input ${this.size}` }, h("input", { key: '9cae6eee4a2e9b4c51e69658205b3c62ba23df3f', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && h("div", { key: 'a5bb95eee3e3e330e10942e4718940a532aea394', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: '5a4df7674ae61e168b67c68cc8500bc9b46445d4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '10b53ff32f844f408e0bb3645f93b2cbf3b4d165', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: 'd3f887887aa16cc95408ffbddfb32d5529e7f455', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.loading && h("div", { key: '7afd34fabce353698a4a7c8cbb85d1cc4c4d6ffe', class: "loader" }), h("gb-button", { key: '61d19c999f98949d7da84175195c23cf50f0c8bf', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": this.iconSwap, onClick: () => this.onButtonClicked() }))), this.type === 'password' && (h("div", { key: '0ca6d8a6e14da6965dc38cac3f0698e0c8f7a2b1', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '8e192aa43306b56073dc05315c77447bced9c460', class: `password_content` }, h("input", { key: '410f6c3cf855b10172b3a91582cf6807129320f7', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), onFocus: () => this.handleInputFocus() }), this.loading && h("div", { key: 'ef63e4d735cae2d4b335e6b795d442168c3c042f', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: 'c40279ca3590340fb44f4db3b986b012da38d31e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9412bb9d028c817354fd1ec09397c640ba11ddd8', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: 'eaf1e0111925477c179c66b08f9b2d991eae7da9', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '7f97b22416099cd724d677c5777c20e0869fd547', class: `dropdown` }, h("gb-password-button", { key: 'e5e85e5edf24dbd30ca810e41f4f7ef4413f8afa', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '476d0a6d949c3a75b8b244d82b1fbbebeebd8d33', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '6dd1ab24b6fab465ff795ddaa9a6fa05fcfc7f83', class: `password_icon_leading_content` }, h("svg", { key: '7c27853887e36cacc53ba1cef0d6b20ba99232f1', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7b552b1d1a541a2be595e062be2f14e4f6d86af7', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "var(--color-icon, #4B5565)" })), h("input", { key: '447822c569e3b787ff3f9fb850f5da0acb3abb92', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })), this.loading && h("div", { key: '809c59eb92c466d253100a48d94c6504306abcae', class: "loader" }), this.showValidation && !this.destructive && (h("svg", { key: 'b6fd7b46272c892a99a819c29c361b9f39769995', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ffec9b6d63a32f28e3d7c2000691d067c5c078e3', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (h("div", { key: '5141980815949cd33d9c19fca3adf7121b7ec256', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("gb-password-button", { key: 'e477f8916ad9c01e0e5b9489f872d15a6adfa2ac', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
+            h("div", { key: '80098eea223748c666fe949165a37b1003f76466', class: `count_input` }, h("div", { key: 'f403298a9443b4bfc05e530a34f6570f32c4f64d', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: '46acce5b68336b16ed3b9ef0a5f8daa090ed688d', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && h("div", { key: '621830b1233e32b3b7c2f1f09df1b7009353ff09', class: "loader" }), this.showHelpIcon && (h("div", { key: 'd6c1852220e2f346f48e01ef0c217dac7cb36328', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'b0c321cd08af2978bf6cf1c89e0f2831897ac944', class: `action ${this.state}` }, h("gb-button", { key: '09a7c0fc2da8ef89953ec08693c81c6b112460d6', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg", onClick: () => this.onMinusButtonClicked() }), h("div", { key: '88996357e6f40fc4f03b74a749ffc5ebe2644602', class: "vertical_line" }), h("gb-button", { key: '8c512327e95084e35a211a33da4491ec9465247a', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg", onClick: () => this.onPlusButtonClicked() }))),
+        ], this.type === 'tags' && (h("div", { key: '28c9b81da7b9e1b9feeff4fa8a698c8809b10df6', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, h("div", { key: 'af85a6bf985db779b2f1055fe5cd5ac85af9aff1', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("div", { key: '4f8eb443b1945b51408e64b8cbbe754f09486b43', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, item.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, item.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("p", null, item)))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index) }, h("p", null, val)))))))), h("span", { key: 'ab33cc8e10091e8b1c724502e50210aa199085e2', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'e70b31aedc43f50325e4d3fba56cbda6d5131c7b', class: "input_field" }, h("input", { key: 'ce4d4dc09532bda9f4ff34041e66235fbe73ff06', id: this.idOfInput, class: `input_like text-${this.size}-regular ${this.state}`, type: "text",
             // placeholder={this.placeholder && this.selectedStaff.length === 0 ? this.placeholder : ''}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff(), onInput: event => this.handleTagInput(event), onFocus: () => this.handleInputFocus() })))), this.showDropdown && (h("div", { key: '0123c0ed774f66c2d08cca0a72a38af78f95cd78', class: `tags_dropdown_menu ${this.show ? 'show' : ''} ${this.menuPosition}` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff(), onInput: event => this.handleTagInput(event), onFocus: () => this.handleInputFocus() })))), this.showDropdown && (h("div", { key: '5dc69fec4c0fdb7aaa28d46c830dad02d0288c76', class: `tags_dropdown_menu ${this.show ? 'show' : ''} ${this.menuPosition}` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
             : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }
@@ -5658,7 +5660,7 @@ const GbMetricCard = class {
         this.percentage = '';
     }
     render() {
-        return (h("div", { key: '26c54eb98ef6f7e6abd936537a3852d293018142', class: `metric_card_wrapper ${this.size} ${'radius_' + this.radius}` }, h("div", { key: 'd7c2f066fe42d01a2240a645f625d0487ef3b6b7', class: `icon_and_label ${this.size}` }, h("div", { key: '58e1128e482db940cdbddf633e85c7a9ba2fbcf8', class: "featured_icon" }, h("gb-metric-featured-icon", { key: '59cdcb21cd4bc5fca703c95220549584ab001d52', size: this.size, "featured-icon-style": this.featuredIconStyle, icon: this.icon, color: this.featuredIconColor })), this.size === 'md' && h("p", { key: '3bd73fdce4bfa3cfcc6e2f8a0f56cab7c719f05b', class: "heading text-sm-medium" }, this.label)), h("div", { key: 'e975bc97b21dfdf86554dac750df7d5eca76fca7', class: "heading_and_number" }, this.size === 'sm' && h("p", { key: '22b8388ed1c1185b21a21eb7eac57d868fbb4227', class: "heading text-sm-medium" }, this.label), h("div", { key: 'b4cb5d4656eabf43c4b86098bf9567704d4b6581', class: "number_and_badge" }, h("p", { key: '0455c8f6c93e36af3c109241816ea3b2ff138590', class: `number ${this.size === 'sm' ? 'display-xs-semi-bold' : 'display-md-semi-bold'}` }, this.metric), this.showBadge && (h("gb-badge", { key: '75065fbc72db3a77a726d342aa99a1d5e98751dc', size: this.size, type: "pill_color", color: "gray" }, h("p", { key: '8e4f69976268748de585452b8c6efdd1503f962f' }, this.percentage)))))));
+        return (h("div", { key: 'bf16c174cba5d2668c11d8d9975c80a757d847ad', class: `metric_card_wrapper ${this.size} ${'radius_' + this.radius}` }, h("div", { key: '35616c92ad410c7e60e779d9c3849328716003a6', class: `icon_and_label ${this.size}` }, h("div", { key: '9ebf4b2c9eac8aab29d340e5b9eeb9c3ad968004', class: "featured_icon" }, h("gb-metric-featured-icon", { key: '7ad2e89a93e7abe7ae0dd55fdc9b6228b082772a', size: this.size, "featured-icon-style": this.featuredIconStyle, icon: this.icon, color: this.featuredIconColor })), this.size === 'md' && h("p", { key: 'b93135ea405024bdad724b401936aa7aed6fb992', class: "heading text-sm-medium" }, this.label)), h("div", { key: '4b031d3fde688f3b432591e1c94183c115efde70', class: "heading_and_number" }, this.size === 'sm' && h("p", { key: 'f8252417162f882b82ed088070af9529fe89ff00', class: "heading text-sm-medium" }, this.label), h("div", { key: '6035eb8cafa78ba0556566b8a27f8310eead095d', class: "number_and_badge" }, h("p", { key: '8410ce9e96e59e5947d4da8434eb76186ac55dc2', class: `number ${this.size === 'sm' ? 'display-xs-semi-bold' : 'display-md-semi-bold'}` }, this.metric), this.showBadge && (h("gb-badge", { key: '3b0df059f855c56939a24f3e3d280c3d1f95b0e4', size: this.size, type: "pill_color", color: "gray" }, h("p", { key: '022f7b182dd331f5f2a91fee19eda395d7192869' }, this.percentage)))))));
     }
 };
 GbMetricCard.style = gbMetricCardCss;
@@ -5680,7 +5682,7 @@ const GbMetricFeaturedIcon = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h(Fragment, null, this.featuredIconStyle === 'glassmorphism' && (h("div", { key: 'd708e093ace09357fc245558dbfe0be8a4040329', class: `metric_featured_icon_wrapper ${this.size}` }, h("div", { key: '2f69de54109ba85ddfa4a0b9cf75809c732fcf99', class: `icon_glass ${this.size}` }, h("div", { key: '22dd744c3b48338e1de0fbd030af751f8d6085e7', class: `icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })), h("div", { key: '38b9519577e3e10324acfe43eaf79cb5f42743cf', class: `icon_background ${this.color} ${this.size}` }))), this.featuredIconStyle === 'circular_filled' && (h("div", { key: '9b66071f28496d8c7895ba906c0defa7d3f79d63', class: `circular_filled_outer ${this.color} ${this.size}` }, h("div", { key: '7c4b15b490191aeebfbb597125d8f57300efebd7', class: `circular_filled_icon icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })))));
+        return (h(Fragment, null, this.featuredIconStyle === 'glassmorphism' && (h("div", { key: 'c8029d5f5a32d1a1e2383e7e6e3bd611e110c64f', class: `metric_featured_icon_wrapper ${this.size}` }, h("div", { key: '2dabba29479db978bff54b9007f0ea9c3c56207c', class: `icon_glass ${this.size}` }, h("div", { key: 'aaa2fc971ec502c15861837692b8441ce6c82920', class: `icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })), h("div", { key: '79b2a0d5c334b375171f6e47620e28d9545c9444', class: `icon_background ${this.color} ${this.size}` }))), this.featuredIconStyle === 'circular_filled' && (h("div", { key: '9f1d7cd822593ab5bcbdce0846dddd540789f12d', class: `circular_filled_outer ${this.color} ${this.size}` }, h("div", { key: '46817da226ed9ab0197ffdad9755d91d5d8f51c9', class: `circular_filled_icon icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })))));
     }
 };
 GbMetricFeaturedIcon.style = gbMetricFeaturedIconCss;
@@ -5764,8 +5766,8 @@ const GbModalHeader = class {
     render() {
         const buttonClass = this.closeButtonPosition === 'left' ? 'close-button-left' : 'close-button-right';
         const titleClass = this.closeButtonPosition === 'left' ? 'title title-with-left-button' : 'title';
-        const button = h("gb-button-close", { key: 'c18e475111845f2305beb88cb66dbaf086fefb99', class: buttonClass, size: "sm", color: "gray", onClick: () => this.closeButtonClicked.emit() });
-        return (h("div", { key: 'a2ca7d9af9dedacc79e5eb7625dfff9b26dc75a2', class: "container" }, this.closeButtonPosition === 'left' && button, h("p", { key: '6aef165d6c1a429ad505b556c01645436d8bc3ae', class: `${titleClass} display-xs-semi-bold` }, this.text), this.closeButtonPosition === 'right' && button));
+        const button = h("gb-button-close", { key: 'dde588b637f16676cf6e5457ff02a88b06fa1dcc', class: buttonClass, size: "sm", color: "gray", onClick: () => this.closeButtonClicked.emit() });
+        return (h("div", { key: '27d4fc575314755447d0ccbf11fd5762f1e52492', class: "container" }, this.closeButtonPosition === 'left' && button, h("p", { key: 'dc3bb791c32926191456033010cf161a1e57ac68', class: `${titleClass} display-xs-semi-bold` }, this.text), this.closeButtonPosition === 'right' && button));
     }
 };
 GbModalHeader.style = gbModalHeaderCss;
@@ -5957,7 +5959,7 @@ const GbNavBar = class {
     }
     render() {
         const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);
-        return (h("div", { key: '9f1ef316a6c9ec042d728838462b40ff7bcc4bd8', class: `top_bar_div ${this.category} ${this.showBorder ? 'border' : ''}` }, this.category === 'colored_background' && (h("div", { key: 'b95dda447cb38014b87a11d10bdcfe138ecdb323', class: "pattern" }, h("img", { key: '4984b748b48f4168175a915d9bb4029d9fcd1a1e', src: patternSrc, alt: "" }))), h("div", { key: 'f79eafc82f5d965b21528ce39e63b6c95a253811', class: "top_bar_content" }, h("div", { key: '6cd405c0b063023d15717c284a5cf428f1872fdb', style: { visibility: 'hidden', position: 'absolute', height: '0', overflow: 'hidden', pointerEvents: 'none' } }, this.internalItems.map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label })))), h("div", { key: '7a514fe7ed2bc686a51631214a023d3dd4342c61', class: `content ${this.dropdownOpen ? 'shown' : ''}`, ref: el => (this.containerEl = el) }, (this.measured ? this.visibleItems : this.internalItems).map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index) }))), this.measured && this.overflowItems.length > 0 && (h("div", { key: '2a4cc44fa694b5575cf51bbef136ebdc0086563d', class: "more" }, h("gb-nav-bar-item", { key: '0d886ba6d3f7a98433fa9bd2f1ff2c2f9284b8bf', state: this.dropdownItemClicked ? 'active' : 'default', "icon-only": false, category: this.category, icon: "assets/more.svg", label: "More", class: "more_button", onClick: () => this.toggleDropdown() }), this.dropdownOpen && (h("div", { key: '34fca31e2ecb8fecf196418632dfca57caefd97a', class: "dropdown_menu" }, this.overflowItems.map(tab => (h("gb-dropdown-items-with-shortcut", { icon: true, state: "default", iconSrc: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index, true) })))))))))));
+        return (h("div", { key: '1be843a96012e7503e5b9af75525604ace2f0089', class: `top_bar_div ${this.category} ${this.showBorder ? 'border' : ''}` }, this.category === 'colored_background' && (h("div", { key: '597e92cf409577929bd1ff7fc4bb729a4b3bf7a4', class: "pattern" }, h("img", { key: '2f03be60aaa88e8cc71a629c46abf2950fd6ce3d', src: patternSrc, alt: "" }))), h("div", { key: '8761faaf47903763dcf840084140d12a2399ffe5', class: "top_bar_content" }, h("div", { key: '6c3b44afb1dd8922dcd3be8b9670650315cdf74f', style: { visibility: 'hidden', position: 'absolute', height: '0', overflow: 'hidden', pointerEvents: 'none' } }, this.internalItems.map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label })))), h("div", { key: 'd7263e87c00d51f3a51a0520d87452ba1203bad2', class: `content ${this.dropdownOpen ? 'shown' : ''}`, ref: el => (this.containerEl = el) }, (this.measured ? this.visibleItems : this.internalItems).map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index) }))), this.measured && this.overflowItems.length > 0 && (h("div", { key: '3a5ac18049ad71c5d239855cde0f21bfd623308c', class: "more" }, h("gb-nav-bar-item", { key: '98d0317c58fe47e144396155d656ed40595b6b09', state: this.dropdownItemClicked ? 'active' : 'default', "icon-only": false, category: this.category, icon: "assets/more.svg", label: "More", class: "more_button", onClick: () => this.toggleDropdown() }), this.dropdownOpen && (h("div", { key: '5750713ca811e2a179b3accafca64787bbf883f4', class: "dropdown_menu" }, this.overflowItems.map(tab => (h("gb-dropdown-items-with-shortcut", { icon: true, state: "default", iconSrc: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index, true) })))))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -6004,7 +6006,7 @@ const GbNavBarItem = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '7b4e3cbe8699cc0dee51f00142696973a29749dc', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '43499d2a200fd7dcdf48a1f8d35d2e0af330f5d3', class: `top_bar_content` }, this.icon && h("div", { key: '2aa76c8e6a157e2f990f045943167a7294721789', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '0cf896f39bdbbe846fb83f21480db476e51f335e', class: "label" }, h("p", { key: '71f4624fb347c005df0e64bca10c8cbbac798df3', class: `label_text ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'} ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '36d10e5121e9ed8bf16e8cbe4f880ad3c7150e6b', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '41cd86fb5ae38e59c1fe2234a4f40660e8707363', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '3a177a815df373dd35df9abd5ba3fbc04d5f4aea', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '3a2917f59f63492befd295696741c110fe2ffe9e', slot: "label" }, this.label)))));
+        return (h("div", { key: 'd58184982a85799fbaad93c0e59d03220685aa29', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'e71d81ab53ba8006e4758e503cbfa7bed6de961e', class: `top_bar_content` }, this.icon && h("div", { key: '3d62c58bc770103ae3c3f675ea9acec2fecd2c16', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: 'a160d0c1518c6cfb17e830c52cc4c9f20e630874', class: "label" }, h("p", { key: 'abee3223fa2e3ac9bbe01cc121ce94d412b8e2b0', class: `label_text ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'} ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: 'b90512ac81ce1f90bf3dae1d2c70cc1ac0dfdc0c', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: 'f536e4bcd75097651a57a4640923de2481c6310c', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '197db73b92f1e192ce13b9d8309ac2ff0a183af8', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '965cb95723afaae99113dcecb8bce3acb1628baa', slot: "label" }, this.label)))));
     }
 };
 GbNavBarItem.style = gbNavBarItemCss;
@@ -6074,7 +6076,7 @@ const GbNavBarSidemenu = class {
         //     </div>
         //   </div>
         // );
-        return (h("div", { key: 'b084afab340926dbe9485a83f8a969eb27b78819', class: "nav_bar_wrapper" }, h("gb-vertical-tabs", { key: '15a2b6a5c65ee5785e7e965e6ce5a3e7072aa849', class: "vertical_tabs", size: "sm", tabs: this.tabs, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) }), h("div", { key: '7846f3ebc02ae96218a2038ef413231c0ac316e4', class: "wrapper" }, h("div", { key: '1a72ff1395d5f881603699fb8ba372b3d1362da8', class: "wrapper_pattern" }, h("img", { key: '4973bc921d2bfbfd4a6b7e2267a72445a639f13f', src: patternSrc, alt: "" })), h("div", { key: 'eeded2a6fb9c6fa68f6c9e866fb5c0120705e0a4', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("slot", { key: 'd16c1387ec414eb64f633ace1ebdadb36b4f0b54', name: "application_name" }))));
+        return (h("div", { key: '9a7a1ad564606b58f95301de6e95390a08e25d87', class: "nav_bar_wrapper" }, h("gb-vertical-tabs", { key: 'dc460dc5e5d8f461bd15a51ce1f2903853318e1b', class: "vertical_tabs", size: "sm", tabs: this.tabs, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) }), h("div", { key: 'c8bf806d044006e9b7e90092e6162f9aa564fd11', class: "wrapper" }, h("div", { key: 'af0369255a7dad5ebd4be3e7f868b634a709a702', class: "wrapper_pattern" }, h("img", { key: '869a7c484a864d4b03e5fb93cdbafb1ca16585b8', src: patternSrc, alt: "" })), h("div", { key: 'e0eb49f7c5cea2080dc388f2ac2e6a1de24c2e7b', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("slot", { key: 'd1eaf4af615cb33d4c483cc80b180ec57cfebac5', name: "application_name" }))));
     }
     get el() { return getElement(this); }
 };
@@ -6091,7 +6093,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: 'fc8dfbab82798bc14df8b1ec523f29b183d66480', class: "notification_container" }, h("div", { key: '55f7f74b0623dd423b1a960a17f4c7fdf2df5f64', class: "notification_title" }, this.icon && (h("div", { key: '5e6ce243623c038a29b2ac4d5ec88022de304229', class: "icon" }, h("img", { key: '62f9534172f699356ab6f25c31a7930da7fd8730', src: iconSrc, alt: "Icon" }))), h("label", { key: 'ab4ff8849fb2def13a875f1f4b22c941c0ccd729' }, this.label), h("span", { key: 'a675fb41a897b76c3c9374f3deb31f5aa98ec604', class: "time" }, this.time)), h("div", { key: 'e9443e557132a395efb6f7ff9d2a3b6e667eb1fa', class: "supporting_text" }, h("p", { key: '2cec8f58a7309255f3b1c47d70ef4cd00eb85ef3', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: 'c8ebcda157752bea696794a6d0382aab9d8b26fa', class: "notification_container" }, h("div", { key: '18982b565671392758abae3a854cee0b67f21425', class: "notification_title" }, this.icon && (h("div", { key: '55fbc385d64c5541af31f719810a7c3a2237ee45', class: "icon" }, h("img", { key: 'b3282eee3c23c0b4c7feda0c58e612091775fe9c', src: iconSrc, alt: "Icon" }))), h("label", { key: '88031088fef4c3c6d4ea08c10b39e8fe86598ff0' }, this.label), h("span", { key: '8690f65e9e2d5b749a5bfa6c7c8a261f58815c6c', class: "time" }, this.time)), h("div", { key: 'db37ccd6da92f8ab4dd09b65bbaf6133c9f4c3e3', class: "supporting_text" }, h("p", { key: 'a9fad532eb3bb27cdbbfe40c89f503fc72d35402', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 GbNotificationContent.style = gbNotificationContentCss;
@@ -6150,9 +6152,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: '164263bbddcd2ad2352464fed75cf14e81526266', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '5f57d9b8cb6727c72549cf0a2c8efaaac00379cf', class: `container` }, h("div", { key: '35482c2435c511dac29c89c5cc92f33679b691c5', class: "frame" }, h("img", { key: 'e4e2a535d10f22ff9d7fdffec7ed0024b0986e96', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '4ebce6f39617afde871f3b6d3e4f4493a98a0808', class: "empty_state" }, h("div", { key: '0fde6ec90b7fc0ba79a9d6a115a2e6a0a5c84a80', class: "content" }, h("img", { key: '3de09d99fc7757ea6e219f56d943c3742da3c7b7', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '2b9d5042aee1fbf192b9a8b320a8c5410aefdb5b', class: "text" }, h("slot", { key: 'a1e51e9a3f89f7e85631e37261733899de6c2fc9', name: "label" }), h("slot", { key: 'c9bd2a9484eec7f94a4a3b29838ae4a6bcedf229', name: "supporting_text" })))))),
-            h("div", { key: '750cb24cba6821c8f21ebcebfe06bf23645902f1', class: `button` }, h("gb-button", { key: '71a58dbf0ce82dc690a6f1754dd34cc7067646c0', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '578c099ab93cce899d5281bd369714c4a3699b31' }, "Mark all as read"))),
+        return (h("div", { key: 'd0189656d171228d5cf80a85c6f68772caae7de6', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: 'd5cfcf735e2887c6bb18be6c135d183f9865355c', class: `container` }, h("div", { key: '9c672190f6ec5794b244b466541b9ff7a2f151bb', class: "frame" }, h("img", { key: '998104ff6dac118251c658ae90be83c738b50a01', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'd940772b9ef6196adfc76e5871ea9810e7c030b1', class: "empty_state" }, h("div", { key: '585c664afbde4df83f4df5cdf690e57f2ac1275c', class: "content" }, h("img", { key: '6832859848370b89ae646c5aa177a205289341a0', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: 'aeeab29e81c88e309ebd11f93c885188d1b00b69', class: "text" }, h("slot", { key: 'e2aa36a7907db4323a1a23f232251c0b8b6d6564', name: "label" }), h("slot", { key: 'c34d0be4818fb7be2b7c7a7e59b7f4e230232a22', name: "supporting_text" })))))),
+            h("div", { key: '0ad178cd69fc6b0e3176c25502c8071bf18df0e8', class: `button` }, h("gb-button", { key: 'c3ffe1c548bc42a4ce27f9a72ab220b6bcc57336', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'c448bdaed728290b0a12c70076c21a1a2f39df11' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg", onClick: () => this.markAllAsRead() }, h("p", null, "Mark all as read")))) : ([
             h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))),
             h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),
@@ -6241,10 +6243,10 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '65e0c1501cd5af1d9b0c3b4bfd53a7e72f231cbd', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '0fc5606bc86a185d6ac12f092758a65ae71dc1d4', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f1703185d2648f9f5ae60e337e99ad9c46511642' }, "Previous")), h("div", { key: '129c45533ef58a18c518c7d3163ffbfa9dd4a90b', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'a431c84eda97f229ad7cd21cfcf438f6609afc54', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a91eee6f6ee7726b1547a4fa0b3e2f7cb277e469', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'b0f62fcac31679dcc7c19d07b56101a1389d1df2', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1b3f88709060ac826c77ba034fef16fcca6fb9e0', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9eb2bb8e9137383bb7cd15139cad6c2261d01fe8', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c6f04edf1d99a22a29a1c1c713f14f12372a9c5c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'da2dcc2e7cc39aa3396b704cb9788aa78f0cc3d6', shape: this.shape }, h("p", { key: '4f9bf4a3d0eafca07d9cb24f77e0e2c8acc25acd', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b0d3dd9993883ce1a59c898b56342d60c7bbce7a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '6a4c9dc4cf160a188141da5876d7a52c6644f6ec', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '4db1c7023ed9d51354468b8304f1b4727b66fc45', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'cbd6993c8c38c7a587e8866e4e97e3ea72cb6f44', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '6b10d20bbd23b6a4a8d2202ccf9f792602b88e89', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '9cdc0026152e2da98f12d84ddff35b4c23021800', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'acee6b40e343fd6f3ad19b4b2c8e57d163d9135a', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '4f72b46296df43ead5dac5eb290a393c429f5cb9' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ebefafae8eab4d681e2a0189c265583a17bcc6f7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e79d3cca750dd30a22628ac349f572bf500ba004' }, "Previous")), h("div", { key: '4a28ab86f7cea464755e567fe0e964bde843c68d', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '03c67c35da221e2cdbc616e5838cf4b7aa5e4dda', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '99b68be784497f52e53a650787c0b702a80c1417', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '79b457ca090daf46a710f804b83ded009b3da7ea', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e86834b3c6bb74d7f7271833953723a9044231f5', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'e9e01bda11bc9cce856b64992642bcf39d1c053b', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '3fedc6b1f8f76a46a506abb056860666bd6f1bad', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3da2a664c8dfdada87ee424c8c8d65df6b629b80', shape: this.shape }, h("p", { key: '71edc6d017343e952ab17af3f422d08ae6b40aa6', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b6c794bbaf2d868d87fd247359fa30deaddd922f', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '1602c2177d9ca2c97ccf5b99af7a4e141e7e9353', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '57918a33db121f7e2fa5f868fee2f3a32afac987', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '5ec8326f8cb290503d9724337655ec2bdf6559fa', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'ca117257fd3e6a05490f7c22e517d21f6b576937', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '473090fc6f280eb936598c16ac2615d4a9d91b86', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'fa367202e3766213fcffcde0dacbe67692b16a6d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '71b3d81a1850b9f872372f3c1d44c100bfee765e' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c748512d2583e122235a5db47fa43938f0daf687', class: "pagination_entries" }, h("div", { key: '046e6defe410e08d976ffee0af861144d468f015', class: "entries_text" }, h("p", { key: '3b11a1bdab974846457af6cd7b3eef6e26183476', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e043c8f9df848f98693cb1f2758d26f412bb84f3', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6759ba87ab0a14bfe5554cc75bef426e831f1f65', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'bb1ddb4c3a2c368cc487079f532825b70a0df85c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'a010444e8dd040480149e808c880a3f2dc28e3d2', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '184d3c829154698fa2a124040f978cc99c67bbf0', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '630c1113a43b97538604101b251dc3cd4d50a893', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3352453d13bad89c12d0d2e3a262de90833ea93d', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7cae4364985be3d336e2102dd7830212e9b4977e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '8aafd0a7ac9abd62ff2d05f41ba851120fbd0968', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '00f4266b477487eca6a83d86098c4a25112d4fda', shape: this.shape, state: "default" }, h("p", { key: '0af905c70c7cbcc4def3e91a54d2df652ce50323', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd4aa390c09f2f50bbd060b2e8c83026a11f15c81', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '0fad3e33b6a0ddd2409e9875d9c9b0bf38464d62', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'ed4305daa230c0e6d56e7d53f313dfe15067492b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '7e2099d21e01c74c7d091d1599d1c3fa7ff3b0f5', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '702f3a5476406944674ec4a029df7171a50f3b51', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'dec894c5b0fa3cb20e39759ba76d5c870d9839b2', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '12e8c167f7a3145ceb339b10f4cb548b9f095c9b', class: "pagination_btns" }, h("gb-button", { key: 'b930d514dd9e4eff47a87562b000df38b7f8a1af', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '6b17b135e072e2e8efe8c012bae0f0af105c4ae5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '43577bd9260e92bb451260a0c23dc5e0b96e446c', class: "pagination_entries" }, h("div", { key: '2af24e14eaa64b4299b42c488c1fd318a954f8cb', class: "entries_text" }, h("p", { key: 'e06849ef2bb436378303c4c52014d1091b4f1f96', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '51821c4950e413dcffb0fcb004a4cc376e995d49', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ad050853d66aacb18ffbc81e657ca4cdb97c446b', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'e8b3423280234df90a708e1d3a319d18eef02a45', class: "page_number_text" }, h("p", { key: 'c4bb70cfb20903ef5873368a1254523c94fd382b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '5f4b83feb336d28cb853f8701159fd3fae3e8e5a', class: "pagination_btns" }, h("gb-button", { key: 'ae296666c205e6b1ebca9fafbfb6de1c5406eb33', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '86c41ac72ea777cbf12e9fdd809601d5f384cba5' }, "Previous")), h("gb-button", { key: 'a1982949d4739a946089c838dab6b54e524db9f0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '990b2f679b835b58a97a14dbbed10a36b20c70a4' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'abca6a1e8394b9e6198a8f30da91526792f754a9', class: "pagination_btns" }, h("gb-button", { key: '068d1ba1d4107d5183f84a1775ed2c7cfbe231b8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9c73cc3ec2f6bb071dbb11f82ae0c2ac794b9513' }, "Previous")), h("gb-button", { key: '93aea62d0f8d4d64983d26d7dc57d88e5cbda3c4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '937b86883b6e0e2efda761f54de9c65e938371f6' }, "Next"))), h("div", { key: '2356b6f3058534e2a8aa628210047ab346b6f14c', class: "page_number_text" }, h("p", { key: 'ae1c3dcc7751b0dc7aaca705f2f218262f2be45d', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'a7ed745923a51aa9752f26814cabfae3db382ebc', class: "pagination_entries" }, h("div", { key: 'c659017e4d0ba7b0e2de7b8ea1f125ac499ac98d', class: "entries_text" }, h("p", { key: '429d735e35aa04f856eb0406bb2d079475c280cd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ebb84e178e0be210a3e3ed4865ba52ba4175b872', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0e04592d753be4293e269022ea584273b8ae9b94', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '71c15a747637f5ad387254966ff875cf17bf5eb0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'dc65eb6930a1fd3bec9851fdba7efd880b7ae069' }, "Previous")), h("div", { key: 'd45a0d6d1ee326c1f9f680ffa8693b9d77649358', class: "page_number_text" }, h("p", { key: 'e86ac0d1e035c72e584f4734703a4b557372741f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8d181a180957ef3fd7014edb35c8d53b92e3d5a3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9e6ffdd6a31d685c378d348e3c3b3909a0e77de1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '04f685f94b133f3db1d05ec38d4eb7230b73c445', class: "pagination_entries" }, h("div", { key: 'cd1fc15993cdc3824e53b5c980caa559a6a1de33', class: "entries_text" }, h("p", { key: '33364450caed5231cd7ba4d1fcb4c5b1ba33d801', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e6cc08fb50a6ba3054822be764a0e0130b120c2c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f6478136d4c0d24862f6c6a8c9c163f1f69baa4a', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'd5a7684bcc1653c1fb183e1dfaedd455b95be883', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fff63f691abb1534da05d7d629ab2321646ae509', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '457df4e03cd06ee946c1d0b55ce2130597591893' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'afcf96cef695159785a665f9e4fba0fb1b6ca18d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'cc219fe48fc94e6229230ed57d3c957855dfdbf5' }, "1")), h("gb-pagination-button-group-base", { key: 'ace10f2a89d1a6a974621ada8f306a14703d4c32', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0b0a008360b051e8f7dae21b9e5d7ac607fc162c' }, "2")), h("gb-pagination-button-group-base", { key: '2f40272f1020062b96a4371875ffb150ffcbb9c7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'cbe779a7809d8916d62d655d976f337d42a7327d' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd7fb11a655f02b266f6a2447d8dadf2db0534cdb', icon: "false" }, h("p", { key: 'bb2ee51b57fd6de0ca55917ebb04cfd6d0450678' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8c56c10221a9681a940e4f26dd847c8986909f81', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '4686143e55a6069d8f499d0d346340b39687f07c' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '95a68f7a8a838e5834ef88ab7707489d74181dcc', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e810d46b62ddc802322830f8bf4441abcc48ee5c' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'fbe9f209aff66f12eb6fe87a9caa047e5b3aa0a1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8cca962235d808eea582e53b0f0b8deafa9ebb76' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7df5a0dc63f30158e6284ee1ca815fbda0e9d52a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd6c2a8630dcfb4a593b401999061d4d355c712a7' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'acf52549560607e844f93dcc137eba5cdd8bc644', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '19e4ba33bf2ba8066d33d001e3978681f714b336', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '81854558dca6c1050cc76d634bc68e299a6f8aef' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '80e195fd95b93f7392ec4f9ab74c2252a48e925d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '54c056d539cb23b9026c566dd390403c0c686668' }, "1")), h("gb-pagination-button-group-base", { key: '7409a79d7ecdb0867f0e6d5ca36038b3b16fe440', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9a69f223053f81b7077e652b5bded6efdfc7f4bf' }, "2")), h("gb-pagination-button-group-base", { key: '0ece28b8ed821be78cff82d2a152e71a19e21771', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '535bf9a1224f53208bc09403896893d53b4d07ad' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8cd21b59d674f2d84ac781dd66b1ed6d47d63a6d', icon: "false" }, h("p", { key: 'df4196140168f33b6d5c12b76041cc079ab93baa' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '624673c48abe41e41502f1f36552b9735c0ac2c1', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '1f2ee8088d1ff5790f00c9970554423dcae76243' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'e3deccfd9b1cd2defe3e89d47faf9e223bea151d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'f523b8cfc0560d4b9abd9fa910501985b107b69b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '47c8a85b1f2974ba9156e0bcfc030d3bd46cbc9f', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd5bb841851d4722d6af69cd468b1daa2eb32a921' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'bb221af478f54552b3ce1937eeff76db34356b92', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '07a102b1d47ba274863106d2f9dd6e6823f83de0' }, "Next"))), h("div", { key: '215cd34909534d2360b129c400a11fde78514d17', class: "pagination_entries" }, h("div", { key: 'd67a3588b032252e21f376e72b5c5fab206a2724', class: "entries_text" }, h("p", { key: '01f9225cdbdac958917137f84d5b48c73738144d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '630f920935197257a875bd7e6cf2b357a6391ab5', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a4b184c5f33a661ac6a6c786f05b658eb06d77e6', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2343b3bc2d50c0a0b9c8c63133fe52fccbf9e112', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e59b0c92d5657a1414c0d7784ad9d7ca965cccca', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '892226e763ac3ecee259768274f365241b5d82c5' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '1ac55edee264567e125f37933c569aa99e1aefda', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '72b7b0fefe24a1349b50ac2a633d194efea74255' }, "1")), h("gb-pagination-button-group-base", { key: '4fd6ec0e8edeabaea37ccde8205b139270e1c88c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '12bf2ba6771a1074c9e985d63f2feb33fdf0b5be' }, "2")), h("gb-pagination-button-group-base", { key: '604e9b18702500320e1c35dd9ec0b827bfe847bc', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '77ef8f0804d6d53374c6be3c11e7f6748d553b64' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '166d0192f26a60536100652da77b6fcce61c9fa2', icon: "false" }, h("p", { key: 'd9b5d67fde47016be666af8ccbb50776d79c2eca' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '86033b87f4b94193be7d76861f7a6bb599d54e57', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '3f914b2cad1be1418ce27486df3c388ce054ffac' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'aea4f1fe022a98c3df1660cc625d84c3086e12a1', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9beb3e4918dfe2b1d382b6acc7dd1968a3935456' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'fbbc00b50c82a88e9994b5ddd3ec7f32b9a2cb79', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'b77a45155df12ae7a2deba1fedb78389c89674cc' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fd113690fc74dde04a32e6e118c367352357df2a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9c1bfe2d55cccf60f863cb54fec11a1f64477a62' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9b022d27177961cf12aabc1d4b85b0a1017e704e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '08274359fe39a73c83f2ea29b7a28347ddd26d2c', class: "page_number_text" }, h("p", { key: '420bf60d306a74facf67ab24b44464c12d2f7f7f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'ffc48406a6bbb05d58e9313c459fd57565de3886', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '43d6d4f332a11cd22ce75bae5053f6bf3c573ba9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '7f1216ee958b4880af40bcb13cf585e08f15001b', class: "page_number_text" }, h("p", { key: 'a6015f09fc4ce7dd9e1781b64ce18efa1eeece9a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '422e59c60c6499652371f643191d219143d5a871', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'fd51af0416f699670dae6a7a69bb990dd6f1be25', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '30830ad575f726b3de301b4c7d1bf5273357bea8', class: "page_number_text" }, h("p", { key: '10879039235f767535e5eb768c6daf4a19d34f05', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '4d78b769e147c5e43a70975cdd8bdfeed5da6087', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '02d00573e42053bc8a3d3ac9b53d52924222b2f7', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ef9e2c42f8d86d5aa3b048d6f107b75b2a73ac7b', class: "page_number_text" }, h("p", { key: '619f907b84192bbbf96d9ca1e375b0a3acb2eef8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '06eea02f9bfb5d223fead86e3e56e214bcc3ba52', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'df422d2547a7405f568862c7f8fce966e2e09e0c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '9f3e6d66fa892b0c76d3d5ab729cbfee90a5ebf6', class: "page_number_text" }, h("p", { key: '2680040e34c5d41b068a48a4a46f2fa88c8124da', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '35c91571609fd7748a7849db4927e9e5a802a1c2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '977cda3d634203837e0967cc3712ba152a1f895c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8be2ce614425a76378c704c15be9ede485e32252', class: "page_number_text" }, h("p", { key: 'b42a53e39567343509a6ae9742bc1dce77a92c5d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1292c282b7bc0d7cd0525c87f8109ee6d4e056da', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '3988eed24c726b8a64228ec61bf62bb51a70e50f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'dce30767d4b2a64523ff5b37b26c73f987c9cc9b', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'c3b8004b546eccec0efde55621cbfbd9c8513e2e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '155c6de7ad7fd048c1eef49469dce0e256d748c2' }, "1")), h("gb-pagination-button-group-base", { key: 'a652da923da546d6eb76881da372b87a758f4163', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5dc045fb7a27260848a5864127ae20ede8cd9500' }, "2")), h("gb-pagination-button-group-base", { key: 'ba052b3b5d54dc1c1195453677bc13ac3afa9979', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4b3c922d3514c0a898dabd31b3bafb492bc6917a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2ed394d6b8c2a385e80e2c8260a4c11187dc1ab0', icon: "false" }, h("p", { key: '27082add5036fbbc305e4a523d817a5870640df4' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f09cf2b73dd14694f0b7ceb7bfce53b1ea02b393', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'c11adac3464f43234253ed605399854bd1a0ff79' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '7726c8968fed795ce9d1efa4d0f17f29b1e55160', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd2e65a003a23ba83cc6a3f3ed83bc40c410692ec' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '790b5e0dd50ca9194e9e17561e2b14c9fe5c4780', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '3977cc77f0469b68d5b9907a215603035c5eb983' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '1ea98646baf81b36fe35df7611e3ce61cc7d272f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '7127c9dab78df9264b811c1f564cd9b839799db3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3d3414b5c9553bf9b5d5c2fa8051835ac746d80f', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'd6f2984be475c54ed174acf1b4139c9ba9f72a6b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f9c8f3fe0037b136822b2d9efb1966c2a943f423' }, "1")), h("gb-pagination-button-group-base", { key: '61acfa2a90c34803b97498550f85db377cacfaa5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'cdea1b88f3a5304c8a4f27c6a20a058a4972158e' }, "2")), h("gb-pagination-button-group-base", { key: '4499296c9ede26db0b8655a33f4807a5f57ff949', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'feaa6b91aa1275e43cfae1c71a118f70ec3e9539' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '67d22cdc5fbc646162aee4a38160652e46c0e7d6', icon: "false" }, h("p", { key: 'a7012a93763f16c5e3778c14d38296f84de6f21e' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b3a427e2719f06aba69976e976d32d740f99e191', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'b5fee5ca4836092ce290dd17665a40adb9141e9a' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '7e667f928760640cb914ad47a262ad6a695d4d7d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a9fc999c23d40ae73736fd90d82ce2efa98e414e' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c4beefd721d4f97218f53ca64140efbc2bc88f1b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '589e356027e35262dfe0f0a998bef62c5d6943d3' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'a4fcc33f58fcbf3e6afe547d02a3c6d2569d9823', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '9ea68a33af58f8eb56d8048f3f8d6851e4632380', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd510d63ba88bbc48b3b7b5f228178ac4f4118075', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'eccb36a0bf59029cecdc4dde9ce7b85beb4873f1', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f59ca594e4f45335dbe4d0816d2885486cd5f428' }, "1")), h("gb-pagination-button-group-base", { key: '3a1e0284e88a451ac6c97eb7ecbb8b748302b7bf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '137042dcac6d97f0d59c070c4fc6637aa095c089' }, "2")), h("gb-pagination-button-group-base", { key: 'b873604fee10763ee8a8007347c40a537da88da8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '21e05e84bcdb3911782e3732db247a5879b95315' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '281a0150d25fdf16feecbf3df84e6dd2f550bfea', icon: "false" }, h("p", { key: 'fdc60d7358b0271eeced298226b38a6c75bc2b8e' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5e2bf2e3b19cd5a0385552424f31620dc70c7d30', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'cf59cf060e08e735d70d1b2535ec925e6522defb' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '1fb533bafa716affa3bd04e22f92e3e427032ea1', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '2ec389c94474e7b7ff8351e537689edf9b88711b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ed1380b199178d2098bbdb6f4c462e3f0e62dc9c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0cbd6b5c629382e50a80580a42f140158c02227c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '28907b7ecf0ce81158596002bac0626032edff83', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'bbebd2bb77ec31a53f62a3e2789c913ed587ead7', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '21b91e4325fa14b7ff76eda0549622692b66167b', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c0be1ae411bf505d288678fcf252e1931485a5a9' }, "Previous")), h("div", { key: 'cac877796da504cf1230cfb2511c1588c6c8b14c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '0c7e2d7ad2cc12632a92a0a1e122331075f5dfa5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '13e56f85ab2353a6637e436c830e9807ddfa94e5', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '495ecd62bb24e85a541ec673e644a6daee2cef9a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '29e22232afbeb2b00ef19445cb1f5030e58afc42', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '3053370cadaa35bb24a2e9af80aac0016ac46300', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b27e38b8a96d80c9db17cd0e1a73d18551fe05b1', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '02df05966f6e4d4e7f484456095e7d4c1f82e191', shape: this.shape }, h("p", { key: '94dbe06913ec76d22e538d31f92ef49e94ae5256', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd6bbb90e4aa970d943aa077b686a4621aebab199', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'b7606c4c2ec01507866dd73969ad983227af7595', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '0cee302972cad2b91fb0fd42011e3b44e9d656e8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '27e0c5748f660c5e2194ba1c0c8711285910c50a', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'db2202117db7817ea1a9c148cd4130a6be357ade', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '49f947c831e099a65a901c9a20af9d3259fea8d6', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'b3672dcc9f8a1c130c6a89ca027b7bec1b6eb772', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f4ace3bf3b88dd44e40ea6329d1f76eecef9f95e' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'c8f573b5592fd1e67fbfd0c56ab3977e58ba209e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4da2f7ac70b6d960870321d7f79af96f49adbb87' }, "Previous")), h("div", { key: '300ae942f8f79f87d287133feda3fe1bb884527b', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'fc1250d508a612ecb2bacff0497437157a00cb32', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '286ab335fb370268c61fc36037c31ab82aebb09c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '9ad03ee735b09b53d62b31243daddc5a8d51b99b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'a84b5449ef4ed22c51f4ce7cadf9b377d02246c6', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'ac34d2989c77e73a373cc32cc8dd543bcc360bc1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'e359c752c597103854342c7d80b96b88e9df6088', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3de2efe4d68abbe25d6861815aee26f36d723558', shape: this.shape }, h("p", { key: 'eea2e5bf50494b4539fd547b73ce2e39e2a551cc', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9a8704f713c1a209ac7e861705b57f0fdc788bb2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '03972b52e7873c387de14b6988d77da24f34925a', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '4637311192b03785467f06e4846b243a86ecbddd', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'bede605e55b3e08fa1bd94094e7562cf283e1625', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '1962fd964fdab02ed6becb4b7b9acc434bc02d37', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '1fe7422f295492e1dca473145b9c283f282df55e', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '56a75f493d2d07527303eecbc32d3db806c0d39e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b1b6ebe9739c7fde825f856fc352a75286303de3' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '955af7ff20d5647f1ef6334fc752b6ca2f8f9e74', class: "pagination_entries" }, h("div", { key: '0836796d0e4911920109167afe8dc03bcd5b0080', class: "entries_text" }, h("p", { key: 'bf7459b88a4caa9bd1a5a04b7bfdaf32c153e4b8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '63070c74a58ff2a8b5d2312d11cab137ce151534', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '4c1af966662f0855b538e0b2dca912a9530b4749', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '21a3920a348ca6b31e1a5c282d8a8ff1d3c0e5e2', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '5fdfce638ff99ed6b48d9461ace06f423815341e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0dbe31486cc516679182bfc812645dc90ea21740', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '42071c226ba2d9f88599f5c40386b725a0e6798e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '4a71e3e526397cf018073b0be008674dbe7b81f6', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'ae61d0372e76b6d356f3ecca795dcb3df5b4c0a0', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '5d901039b10ee372c1fcdb9f5a7729cd51bdc1c6', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3048427a0eb3e8bc47f85d2755e14b62958cee8e', shape: this.shape, state: "default" }, h("p", { key: '1edc4bd49169dddf505be544fdea14ead05c1d0f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b868738b38e4f7a66b52e25970ff61af2a8001d4', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9b91cdc454317a6aa75532073e4743e0cebd9548', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '792954c5264d2cf86912a88ac9684fced048f02f', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '89227f1c1558964cad0f4466f988a8d32d406885', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '38c27c63f30673cdc049e067376300cfd6fcda2e', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'dc49a41d32db4f5038f583d5671460e59dae8ffe', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '334a084464395d8e1158359242957cdacec08c45', class: "pagination_btns" }, h("gb-button", { key: 'a126d5f631e5156adbc98b1e864d9c1a9246a759', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'fdc5e39a7e439d40ed53e50329ae8bd258c6c90a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '50b549c6facb4f11694937bfe1e372453d522deb', class: "pagination_entries" }, h("div", { key: 'ed28978ca370fd942b1aa7fb32871227f16263e0', class: "entries_text" }, h("p", { key: 'a4a9e491e73b683c853e513663dbee606c6bb100', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1254fe71c0e715930396462a598425fd2ef22ba7', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '8316e0497869e1e91422215c35bad8f4a1f87ca1', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '4bdd33b35551478c93981745a0e6168bc116ecec', class: "page_number_text" }, h("p", { key: 'd1b5e357b2c53482d258fb8ecfa2ad3136d0d68a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '359de1ac0cf2d41d33d82d3e1da8f1e130550a00', class: "pagination_btns" }, h("gb-button", { key: '7f2a41a530d930f427c9ff8fff84516a852c4fc4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd08375a28b9ec86061a8cd170eacf65fa4b39883' }, "Previous")), h("gb-button", { key: 'f0bb4c06a778a839d44fff5eb218d2e1fbcd0f6a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c20b199593ab0ed505760c08a0a0577709e5f34c' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ab9c2626bff43c396a3586a271e8d760089c2340', class: "pagination_btns" }, h("gb-button", { key: 'c549a125ea009b165ad0f59c2c0422c0b508651d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ef55df05c872054325ba103a826af01a6388e079' }, "Previous")), h("gb-button", { key: '5a95855c17430935ef94028576e445f450f78d76', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '34bd9adadf193e4fa55d5af7808d30e0a662d6d4' }, "Next"))), h("div", { key: '32dc59f29a50dab3a603c03be954e1ccf466ba5e', class: "page_number_text" }, h("p", { key: 'b2e432067c2ff1d3055075566b1466d48ef43181', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '67f440cc0c0c6c3a4fd28f956916a559d88daf38', class: "pagination_entries" }, h("div", { key: '90526a17727c1fbe0955ea9374e42b7f01f316b9', class: "entries_text" }, h("p", { key: '86c4a2af9f86f2493190e2bce0b45878b572d3d6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'bf57b090586619139d4c95e392b9116f4d07bacf', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'de654dd6c92213e1926c9866dec4af037f6e0e05', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '40e413271bd5361eab41ea920b70732e3dcf9157', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e7300bd5180b96b47a892f36f2538c4a2e8846b0' }, "Previous")), h("div", { key: '6735267c87e6d27926e4b7d413792f2371833df6', class: "page_number_text" }, h("p", { key: 'e4fd998ee8af19fda6a3b5cb7c07a9ebb427a4b3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'cf9b9a9c448b6fe71a34c4648f065363fb8fdc66', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f3ac00cfc1e0b6126405e59a645de2413025581e' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '1ec220cf27bf3d05e31e5bf78a3f926b23704361', class: "pagination_entries" }, h("div", { key: '7e8043bd12d26eeb08fe70254921baa64d49e977', class: "entries_text" }, h("p", { key: 'f39d56820a299d773f1899bed0fa1a179d5dcd39', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1d01496e1e4592985d08db76aab16083dbcfb2d6', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '852782ff15e78f57bfea7ceb5733feae14b777aa', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '90130df331305ffdad15ccc805d52a6e8605f0b1', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '76e7461d3cc2897f4597b024f9dbb36900986426', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '574d427e70e551fb4025c393484475a87854dfa6' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '36251446b29baa09dd6e3c6a6b26ec39ab1f996d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '036e8c6096fe4ddc6b8271a7632089e8b7c3feda' }, "1")), h("gb-pagination-button-group-base", { key: 'de6ac04a178e6b0ad74f646ed7fec10a17cba613', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '613c6cbb8bf11595e1aa5fc056e853d24c61d0eb' }, "2")), h("gb-pagination-button-group-base", { key: 'e8ef7385fad8dddf93a8400ff5d0b1e730ad6398', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '301122bcadfd100940a89d7ee1108bd16bac92a4' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '86d86db0e67a963a3901da298ada31d9f71b39fc', icon: "false" }, h("p", { key: 'b600475efcacdfbc0d1c44a6441de7c10ad78f8d' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '63a0d3c4303ae735eb9bf313f2f7cef99f7a41d7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '26f5e268c7da8c5a1636a3678eb1ef23d29b0414' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd55cfa3047771365ee1711dd322e28d2c59f56ae', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '040754970e71336d7b10df184810f60e8438b6fb' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '31a05542c30941b48e47c9f61906deea84744655', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '573f243a0e4c215b97f0b4c1c701fbc90844a4db' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'ea0d173ca3b29a77d9681889bfef954c560d42df', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c3f3ee6d21ed08e415cc8eeb0744b16b1c7da630' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0b22c53541690d54866c7ed7e1f50e819f96e87a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ea14f0dd8f1bfff68c6340c4a3cd93cef3649866', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4441ccb96f56f03f0b658993bda36fc53ef17052' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '06f1716e4e870eb71ad79e60002e7e35d4757d50', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '28e23e4a455e95d463b60679fb6fa6bc1fd9aa30' }, "1")), h("gb-pagination-button-group-base", { key: '4ca6aa77eeb80d38dc5a44fa2fe68e055312ef78', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '89059a6cf112f2d7d0b9701e976cc0c2487387f6' }, "2")), h("gb-pagination-button-group-base", { key: 'b44b3ad1423c1edded5433551f9bc83d94dbb038', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'ea2fc01312582f7f63825915896807c016186f75' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2bc85dbb958f922f9a74f1c0b2e53df1c94241cd', icon: "false" }, h("p", { key: '191c939e0ac3fb88241a477107922def2d045f82' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '767b492a3533c42871ab5c1a590a0947d248b389', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'cd0d0dfc16a1e0c2e80172b2a085ad89e6a152db' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '7dcd2cc7ce625f7b0c1d97128112bcf8996cc763', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '07473585b748108cc4632a639241fdb0c6f1909c' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6610ac3cec8539b155431dd9f388c0da1be58bb5', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f1cbca7d6595458be9b9cb57d4fe611e8167688d' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'f19c84467cbf538195cddc7132d961707de46a9c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ad2d79bbe31c4f24b13c4fdf9376d6402a1ca65c' }, "Next"))), h("div", { key: 'adb12affbebe81fcd721186ab008cb66ab381a23', class: "pagination_entries" }, h("div", { key: '6c410249eb4222bfdb8deba6d720e28bec05d74f', class: "entries_text" }, h("p", { key: '5a67dcd35cb9eb92ef8dd56fe5dafee9fa6e76a8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a423eba8b7a0fa3be0c66066affb35557bb901bd', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '090efca53fa03fae0081c35c5d17fd7a14da8eca', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4c487650d9090bd17dacf456f530f18ca74ec8f3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '71efeb3ef502f8e76cf2391122b9e7a22ce3ef2a', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e96c4b33f631a946657ec624ade55ec87e90d3f8' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'bd1004d1e73c61214d6b790a44db9c50accd6117', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '003a7d7743ea03eab466af7076239c8002dd2d3d' }, "1")), h("gb-pagination-button-group-base", { key: 'ae0e6aee64c91b2006e6d8edb4b7d1355b420fef', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6773a307f4b7c54ddfe85c192bedb745ca812b07' }, "2")), h("gb-pagination-button-group-base", { key: 'd4d03379cfccf88c38ae2b4a6276b7bfc6ae4de5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e8843b499ad797645d45ab4a63f75bf380f1163d' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2829965297e4939624212bc20d5223777ccec616', icon: "false" }, h("p", { key: 'b3acef2a68a6928f7e5794b9cb74a87a20780468' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '669f5a6fdc392506b410bc4cd124a7823b1b6c7c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '78b5280676fa3be7a6f7f2e0c3ba2462e79e2df5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0dfa94e5bffdf85b86b78356f805c114dadfd57d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4b487e9520c5d1a4f84d9d8b999791b39fed4df1' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '11c576c897636c7afa4ee39ac71d39b914eb34dc', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '652d8f5a5e10214d93cc88a84eefc2ee7bd61956' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'c4f871748c2d424b498bb95bfa9430ff5184f36b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3973ddba8d1c81504386f535d167402a66755794' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'cd1eecd5472040ab6036335c60d07151b5d18eff', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '6616c3d97dfe5e704cd711a71671a2702a448689', class: "page_number_text" }, h("p", { key: '921a58ba3a4952e9c6d1a8887614d5cdcf2d416f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8dd6c4077395b24d573170857b729ebb70617df1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '62f2246d99eabc90566c9c85b10a6166dd4067f8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '0b83cac535041c56133d88579f962beab9eefb1d', class: "page_number_text" }, h("p", { key: 'bf004c860d84d37367cc1aff72c9d1f3a6e1f888', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f544ffe6553e33d93e48df3dd9448dae4bf81702', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9627ba31db909aabd90902dccb0fabf186461062', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ee672f6a01d04f20ef64967b364f3b783711df8a', class: "page_number_text" }, h("p", { key: '8b3ede14d7a808ac9e3142657107c2b13a7d6b50', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'bb040b2079323a752908a33ab27cfd7f0d4fb4b9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '733882575132189229ce2c2c29efba10fe93213e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '6c6a51b212deb28f93f07be7e3afafde84849413', class: "page_number_text" }, h("p", { key: 'db00da6dbe717d492e40424e26a883675810a7e5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '38336d71991120b8c1839f4f7d1fa9fe13444ff5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '589d089b79de95c93787de980af78a8f951b32b8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c19f1553eb8d881cad5f359f2851f25626c07c0d', class: "page_number_text" }, h("p", { key: '98aa03d9d7ec77637b1405acc0b454b347ae23e2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f9efff8e91417c6f4ec349ad9112d310df7b41d4', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'eb539bb0599640f4bbf34502d823e674415244d6', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'bdfa14e78683cc1b62f02bdfe1fe022af350fe2c', class: "page_number_text" }, h("p", { key: '60968e1ed12b215b5de957ecfdfbcf8ea6ce7fd3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8a8baf476ee61bc385539de2ef350fb4a85f6572', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '5b3562c0b3e73f20a0e836d9fb8f6d66f7e60fab', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd07c0e9bbb47eb94f28746299d4d28df905ec3f6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '0feadc0a83c324099c62a59fd5218ca335381bdd', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0d6f4406dc6e23deb5fc9bd77d28c75e220853c7' }, "1")), h("gb-pagination-button-group-base", { key: 'aff0236569a9106c0f4396bd03597a4618a3c51f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5da784a35d985aaaaa49d7b64259a2cdafa78247' }, "2")), h("gb-pagination-button-group-base", { key: '596a88bcc774032495ff81d23f9419ea5907cfa6', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd0d341055037dfc1ae7dbc6c593ff018ab2c17b1' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5beaa064c7f300d321af2bd8fcf78231fd898f82', icon: "false" }, h("p", { key: '0d1d1d3834aef807914015dd924bd4ad675145bb' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0ed9d2ef86787cc9a92debfd172752dcd195888d', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '06b4078eb7024671a21023f6278271259afc3a59' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '52e1c1a3205f42f8e9caf33cae142cf0c902c351', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '8914522ff568207078c6e14003d59f271064ed4f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f62d94923edb81763b61ba2818ec2e37054d06b8', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6141fc7c4515bdf3468999d6906f1b38b0c2031a' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '16ef405821cb0c3ce70cd2d583b2827a811e18bb', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '9d40b374d549420dabfb074f405fdaa464465fe7', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e77b9947872662c72821f24553effaa419049108', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '44ffd214603e8388681e063ea7542eea89bd0e08', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '03676a2d8c411d7b380b84d100bd811141239b60' }, "1")), h("gb-pagination-button-group-base", { key: 'd15d4a78431745be380be202f326f28d5673c1eb', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c5f9c5a51cc9fde31e419b0ab98a696dcd795b87' }, "2")), h("gb-pagination-button-group-base", { key: 'da761771255670fd29813b4a0275b13eee426981', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd5eae3235bf4199a79c233207805185574d2f18b' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8c141d6683a73eb4524bec2c1c275b8096a0f79c', icon: "false" }, h("p", { key: 'ca147a3a346514eaa1389965d6dbfb6a23a63008' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7cc440975934e7098d32620404fb88a449e4159a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'ed644a4afc605a6a8875418d305ea289c6cdb1a5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'c0e6ede8c084e42eddd519b2a636b629c2a66811', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '02973bf0a7bcfe84e83bb97f59408516084df996' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '3ad1fdb3b675e25fe5b8dbf9ee19357ca4113b3e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '3c0066590d847a2c6ff493a2ee0fe8339750a486' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3ff10b317fa1de220b5fa837f5f24a6129b425b3', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'afc1d031a13c671fb6e19d18e71e463aba24ac31', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e5c95b69b7b274c71033178aa4ca046050ca4946', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '904ce6b6d10c0c1ca13a57b86f348f313908535b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ec5f7465ea75af9bff4a345058e8f540d5f0f4ac' }, "1")), h("gb-pagination-button-group-base", { key: 'cadc8e7dd2b73712e63b9bc5bcc6abe0f26d0380', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '019e2fcf66ace7ca368804ad7f74b51bc2aebbed' }, "2")), h("gb-pagination-button-group-base", { key: '8f6ba0805c8deff6c33c1afd7123bd9e56f2bafe', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '67a3d264a6771e75fde7b18cf9a2a85b866a0972' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '04fa9ce80466f0c1e7782bfdbbd4d24550a97987', icon: "false" }, h("p", { key: 'e98b5aefa72ad590168f5be36f2c699e361924cf' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '79de280a60d306a2350c39bc60c9e249e21f2545', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'f767600dbbd5b0d98749a31ce4fbd756684330ec' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0c332d96160e8076c8e22ba9dcf7ea5d94fd7055', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4e60e410d7c9525d541234fc01f33b4c2a348dce' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '61eb2abbcaacce5e68b0a56426f9b8b88a4a2cc2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '1ca1803165a37b4e9d25f4aa00bc9daccc37ac27' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '989500d2f612422fea81e3598043b90e9e8085bf', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get watchers() { return {
         "totalPages": ["onTotalPagesChange"]
@@ -6276,7 +6278,7 @@ const GbPaginationButtonGroupBase = class {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: 'ae308085f7e856eeb6b90f1c771b20161e7a610f', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '6b7e7b45880c32d974649e2ccff0dcc8a91e7bd5' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'ef890e85f74399eb55730dfba8a714bf39ea5a17', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '10fc02327d796546f5bf9466656768328eaff8e6', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '4e84de7700614d587f974545edc76aca768bceac' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'edf7de724a1cc1657a15b81cab1fa89a12859a4d' }), h("svg", { key: '2b8be55b03c9bde0320c45b19f47aa133f32080a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '96b7a34375a16a6c45ea750ab2f8c0cc4256e2ae', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: '72b3a1371f18da2ea16cdfbc82e6e790181c6a23', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: '8898d1e1becc4bd73a3db63ff25f7ef2ab57cbbb', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '4eb48d7a69f35bdc205888e1ff293cab9ad910bf' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '6e5bc9212d0073b314225bdc2e6fc68261bf4ecf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '811f6face3e91b91554bc44fae3a3e0c1a4e0843', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'f4a2654af46ee1fe80e31e28cf68a3b2da5ff447' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'c775293832504c9c3d201849c5b69da55722a0ef' }), h("svg", { key: '443ece90a59a17bfe1d7eb86f0245c59bddbe03e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a47598dd96286724912729f3c081d782f717f930', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: '3b0a61177dda845819df47c1aca307ae025be000', class: `icon`, innerHTML: this.leadingIconSvg })))));
     }
     get el() { return getElement(this); }
 };
@@ -6301,7 +6303,7 @@ const GbPaginationNumberBase = class {
         }
     }
     render() {
-        return (h("div", { key: 'c57ec7af0e84153a171419a93952eefd6aa9029a', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'fc609c6beedef0f4ee37a40df954898fec1d92b9', name: "page_number" })));
+        return (h("div", { key: '4dcbbf776011fdb734fe542fd95a94c003d777c7', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '3d9bbcc48f2f1dd2ef1d84d4beffa863f87438c0', name: "page_number" })));
     }
     get el() { return getElement(this); }
 };
@@ -6318,7 +6320,7 @@ const GbPasswordButton = class {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '60b64c9845ac5dce3a962048dff72f686144057e' }, h("gb-btn", { key: '8d2ed2f3c8e68c41625c93079d984b1308664292', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: 'ad9c4ba7864a3e51215856d40547448a51a25276' }, h("gb-btn", { key: 'fb4a9740f1474a5551d496112e2748853df31b06', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
 };
 GbPasswordButton.style = gbPasswordButtonCss;
@@ -6359,7 +6361,7 @@ const GbPattern = class {
         const gridDotDark = getAssetPath(`assets/empty_state_grid_dot_dark.svg`);
         const squaresLight = getAssetPath(`assets/empty_state_squares_light.svg`);
         const squaresDark = getAssetPath(`assets/empty_state_squares_dark.svg`);
-        return (h(Fragment, null, this.type === 'circles' && h("img", { key: '77021fe055df54e664e167a7c3091193a63f0c1e', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: 'b29be9d3622a1627dd496d1251c03e1db56a3a4c', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: 'baffbc40d11d1cfbc2505f00c665421e3226d234', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: 'd928587eca71154896de7ff7144a797f101f4ffc', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
+        return (h(Fragment, null, this.type === 'circles' && h("img", { key: '0cc022be64fa25239121d70c9f1184d048443a5d', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: 'd195641a622756d8b74fed3343271fb6e6936f84', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: 'ab8ef4c5293bb51e202937e19dac456dab3a23bf', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: '9b4a3e8846790310c93ca1f91bde0e7f90fbd304', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {
@@ -6377,7 +6379,7 @@ const GbProgressBar = class {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: 'fae2c66423ec3d3a944949f288515baad3d97ad7', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '4fe58b26f44fe6e0a32a20863834b15972208cc2', class: "progress_bar" }, h("div", { key: '997a700e711c722b777ab0b1298fc7962e722c33', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '6b5256432dbbe9f65d87c71699411e9a611088a1', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '55374c83ccf9ce33c388013c10da7cd4361550fb', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '4a97125391e9e9f76f5713aa5a5d501cb08e4020', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '17f26e7fbde9371547315d113334ac48c80e4ed8', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '2fc871293b94699385a1e5f34333a2b718d04498', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '1c57492719745e9a487f66115cb04a4d5944fd18', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'f608eb1c120b9d61d23699190e5c9b9888787625', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '7f85ad1551108402a10a0aab12091ba7aec85028', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '968cf2208e3ea84bae3b97fbb799f38c371007e5', class: "progress_bar" }, h("div", { key: 'b513238d1b713a6efeec9114362ec0cb19551ba6', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '17b619f487cfeabf79e4eaf586f01d989f46d64f', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'b55fb3b5f8e2754dd5394c337a41f7ca3a4de6f3', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '6bbf7cb9e1cafa9b9cb0df052582b3388fad6ee2', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '6c2950839f7b681ae88c8b1214c39ce5a8b42962', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '123269739a2c7f5ca70486a3b6b223201797bcc7', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'b8b1858bc8fda7d7f78da37b37ca58169a616398', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'cdfb3e745453637adcd466dd28b27ad598b091b5', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
 };
 GbProgressBar.style = gbProgressBarCss;
@@ -6509,7 +6511,7 @@ const GbSidebar = class {
         const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: 'f6b45e050566d0781e131d514fd25ed7e0dbf336', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '7e75428e43822e36cbb89066eea6d9d3842a4048', class: "pattern" }, h("img", { key: '169c5dd65a2fba311fd2be041ca6d58c64a71ff2', src: patternSrc, alt: "" }))), h("div", { key: '21caf9690531c85c96c1039710040ffef1811ede', class: "nav" }, h("div", { key: '840e040212f0b2ba86139dd088a3599d9d449618', class: `sidebar_header ${this.state}` }, h("div", { key: 'de17ddb923bcadf318bb02721fb8cac013dd65cf', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && (h("div", { key: '7a19a520505c7b62e4c364aedaf1c632227e63a0', class: "sidebar_logo" }, h("img", { key: '9c8e642ce2f89da16971fb86316228b3e27f569e', src: logoSrc, alt: "" }), h("svg", { key: '2f5689c7f55f2c701db2b7515d46923cb5e8d4bd', xmlns: "http://www.w3.org/2000/svg", width: "117", height: "17", viewBox: "0 0 117 17", fill: "none" }, h("path", { key: '9eedbca12fb27b702fe3f558f06a4503ec532b11', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M55.977 12.6264C56.3596 13.1025 56.8394 13.4915 57.3843 13.7674C57.9292 14.0434 58.5268 14.1998 59.137 14.2264C59.3682 14.2276 59.5989 14.2038 59.825 14.1554C60.0203 14.1134 60.2068 14.0376 60.376 13.9314C60.5266 13.8276 60.6514 13.6908 60.741 13.5314C60.8332 13.3494 60.8789 13.1473 60.874 12.9434C60.8797 12.7871 60.8427 12.6322 60.767 12.4954C60.6928 12.3641 60.5948 12.2478 60.478 12.1524C60.3548 12.0522 60.2206 11.9663 60.078 11.8964C59.9369 11.8205 59.7898 11.7567 59.638 11.7054C59.365 11.6054 59.092 11.4954 58.821 11.4054C58.55 11.3154 58.285 11.2194 58.009 11.1054C57.856 11.0544 57.668 10.9864 57.454 10.9054C57.2189 10.8192 56.9891 10.7191 56.766 10.6054C56.5267 10.4828 56.2967 10.3428 56.078 10.1864C55.8479 10.0188 55.6411 9.82143 55.463 9.59936C55.2755 9.3641 55.1254 9.10136 55.018 8.82037C54.8987 8.50077 54.841 8.16145 54.848 7.82037C54.8385 7.38435 54.9601 6.95552 55.197 6.58938C55.4368 6.22409 55.7548 5.91665 56.128 5.68935C56.5352 5.44285 56.9786 5.26199 57.442 5.15337C57.9371 5.03187 58.4452 4.9714 58.955 4.97335C59.7154 4.96345 60.4735 5.05835 61.208 5.25536C61.883 5.44235 62.5133 5.76379 63.061 6.20037L61.881 7.97738C61.675 7.77738 61.475 7.59837 61.276 7.43737C61.0823 7.28066 60.8736 7.14333 60.653 7.02737C60.4242 6.91238 60.1825 6.82509 59.933 6.76736C59.6405 6.70771 59.3425 6.67923 59.044 6.68237C58.8003 6.6793 58.5576 6.71302 58.324 6.78237C58.1425 6.83794 57.973 6.92678 57.824 7.04437C57.7018 7.14787 57.6053 7.27829 57.542 7.42538C57.4813 7.5669 57.4503 7.71939 57.451 7.87338C57.4479 8.03229 57.4929 8.18844 57.58 8.32137C57.6712 8.45192 57.7854 8.56477 57.917 8.65438C58.0598 8.75308 58.2135 8.83495 58.375 8.89837C58.549 8.96737 58.724 9.03036 58.903 9.08737C59.183 9.18737 59.467 9.28736 59.749 9.37936C60.031 9.47136 60.313 9.57035 60.592 9.66735C60.731 9.72035 60.902 9.77936 61.104 9.85336C61.3158 9.93021 61.522 10.0218 61.721 10.1274C61.945 10.2432 62.1576 10.3798 62.356 10.5354C62.571 10.6981 62.7616 10.8907 62.922 11.1074C63.0947 11.347 63.2296 11.6118 63.322 11.8924C63.4341 12.2242 63.4876 12.5731 63.48 12.9234C63.4886 13.3821 63.3593 13.8329 63.109 14.2174C62.8572 14.5968 62.5255 14.9167 62.137 15.1544C61.711 15.4162 61.2468 15.6099 60.761 15.7284C60.2447 15.8581 59.7143 15.923 59.182 15.9214C58.7286 15.9217 58.2755 15.896 57.825 15.8444C57.4131 15.7956 57.0069 15.7072 56.612 15.5804C56.2266 15.4585 55.8573 15.2906 55.512 15.0804C55.152 14.8574 54.8226 14.5884 54.532 14.2804L55.977 12.6264ZM46.023 5.15136V12.3824C46.0171 12.6297 46.0603 12.8758 46.15 13.1064C46.2233 13.2937 46.3378 13.4622 46.485 13.5994C46.6276 13.7299 46.7989 13.8251 46.985 13.8774C47.1837 13.9372 47.3905 13.9659 47.598 13.9624C48.1129 13.9605 48.6258 13.9001 49.127 13.7824C49.6297 13.6726 50.1117 13.4836 50.555 13.2224V5.14636H53.165V13.8624C53.1705 14.1064 53.1909 14.3498 53.226 14.5914C53.262 14.9064 53.326 15.2774 53.403 15.7014H50.93C50.916 15.6614 50.893 15.5894 50.866 15.4774C50.839 15.3654 50.805 15.2534 50.772 15.1304C50.739 15.0074 50.715 14.8904 50.687 14.7814C50.6662 14.7 50.6501 14.6176 50.639 14.5344C50.4019 14.7386 50.1461 14.9201 49.875 15.0764C49.5915 15.2448 49.2941 15.3887 48.986 15.5064C48.6826 15.626 48.3695 15.719 48.05 15.7844C47.7544 15.8493 47.4527 15.8828 47.15 15.8844C46.5406 15.9045 45.9328 15.8088 45.359 15.6024C44.9281 15.4446 44.5423 15.1836 44.2355 14.8422C43.9287 14.5009 43.7102 14.0897 43.599 13.6444C43.4774 13.1714 43.4179 12.6847 43.422 12.1964V5.14938L46.023 5.15136ZM34.173 14.0344C34.4914 14.1402 34.8178 14.2205 35.149 14.2744C35.5278 14.3366 35.9111 14.368 36.295 14.3684C36.6865 14.3713 37.0725 14.2764 37.418 14.0924C37.7682 13.8978 38.0679 13.6238 38.293 13.2924C38.5589 12.9056 38.7546 12.4751 38.871 12.0204C39.0127 11.4651 39.0799 10.8934 39.071 10.3204C39.0745 9.84945 39.0238 9.37971 38.92 8.92037C38.8359 8.53264 38.6762 8.1653 38.45 7.83938C38.2415 7.54414 37.9623 7.30585 37.638 7.14636C37.2658 6.97548 36.8594 6.89203 36.45 6.90237C36.2347 6.90349 36.0196 6.91785 35.806 6.94537C35.591 6.97637 35.384 7.01636 35.183 7.06536C34.9916 7.11019 34.8033 7.16699 34.619 7.23537C34.4596 7.29532 34.3062 7.37033 34.161 7.45937L34.173 14.0344ZM31.573 0.395379H34.173V5.94637C34.5815 5.64458 35.0369 5.41212 35.521 5.25835C36.0793 5.07415 36.6641 4.98329 37.252 4.98937C37.9775 4.97144 38.697 5.12493 39.352 5.43737C39.9085 5.71759 40.3919 6.12367 40.764 6.62338C41.1391 7.13643 41.4108 7.71756 41.564 8.33437C41.7346 8.99307 41.82 9.67094 41.818 10.3514C41.8392 11.1967 41.6831 12.037 41.36 12.8184C41.081 13.474 40.6682 14.0643 40.148 14.5514C39.6578 15.003 39.0812 15.3507 38.453 15.5734C37.838 15.79 37.1911 15.9022 36.539 15.9054C36.0383 15.9054 35.5797 15.9 35.163 15.8894C34.744 15.8774 34.338 15.8644 33.951 15.8464C33.564 15.8284 33.173 15.7994 32.791 15.7614C32.409 15.7234 32.007 15.6784 31.591 15.6234L31.573 0.395379ZM24.573 14.2164C24.984 14.2278 25.3873 14.103 25.72 13.8614C26.0497 13.616 26.3187 13.2982 26.506 12.9324C26.7225 12.5243 26.8769 12.0861 26.964 11.6324C27.066 11.1494 27.1166 10.657 27.115 10.1634C27.1164 9.72126 27.0718 9.28025 26.982 8.84737C26.9009 8.46194 26.7494 8.09478 26.535 7.76437C26.3324 7.45791 26.0577 7.20585 25.735 7.03036C25.3682 6.83692 24.9575 6.74183 24.543 6.75436C24.1538 6.74764 23.7699 6.845 23.431 7.03637C23.1073 7.23018 22.8334 7.49693 22.631 7.81536C22.4048 8.17634 22.2412 8.57292 22.147 8.98837C21.9311 9.90171 21.9243 10.852 22.127 11.7684C22.216 12.194 22.3705 12.6032 22.585 12.9814C22.7843 13.3379 23.0607 13.6453 23.394 13.8814C23.7431 14.1127 24.1554 14.2301 24.574 14.2174L24.573 14.2164ZM24.66 15.9734C23.8645 15.9875 23.0734 15.8518 22.328 15.5734C21.6834 15.3259 21.1025 14.937 20.628 14.4354C20.1558 13.9225 19.7994 13.3141 19.583 12.6514C19.335 11.9037 19.2134 11.12 19.223 10.3324C19.2197 9.63472 19.3305 8.94126 19.551 8.27938C19.7645 7.63603 20.1153 7.04677 20.5791 6.55242C21.0429 6.05807 21.6086 5.67044 22.237 5.41637C22.9955 5.11592 23.8064 4.97038 24.622 4.98837C25.43 4.96837 26.2335 5.11404 26.983 5.41637C27.6091 5.68005 28.1666 6.0833 28.613 6.59536C29.0478 7.1081 29.3694 7.70683 29.557 8.35238C29.7617 9.05529 29.8627 9.7843 29.857 10.5164C29.8615 11.2376 29.7414 11.9541 29.502 12.6344C29.2754 13.2745 28.9255 13.864 28.472 14.3694C28.0128 14.8682 27.4555 15.2669 26.835 15.5404C26.1487 15.8353 25.4079 15.9818 24.661 15.9704L24.66 15.9734ZM14.302 0.394372H16.902V13.1564C16.8789 13.4015 16.9368 13.6474 17.067 13.8564C17.1212 13.9252 17.191 13.9801 17.2706 14.0167C17.3503 14.0532 17.4375 14.0702 17.525 14.0664C17.7153 14.0716 17.9048 14.0415 18.084 13.9774C18.237 13.9214 18.417 13.8494 18.615 13.7774L19.055 15.0844C18.8809 15.2024 18.6984 15.3077 18.509 15.3994C18.3094 15.4997 18.1032 15.5865 17.892 15.6594C17.672 15.7336 17.4475 15.794 17.22 15.8404C16.9934 15.8855 16.763 15.9086 16.532 15.9094C16.2533 15.9095 15.9753 15.8797 15.703 15.8204C15.4428 15.7656 15.1996 15.6489 14.994 15.4804C14.7726 15.2971 14.6007 15.0612 14.494 14.7944C14.3574 14.4324 14.2942 14.047 14.308 13.6604L14.302 0.394372ZM12.602 14.6814C12.239 14.8724 11.868 15.0444 11.485 15.2064C11.0739 15.377 10.6508 15.517 10.219 15.6254C9.71274 15.7511 9.19858 15.8427 8.68001 15.8994C8.03877 15.9693 7.39406 16.0027 6.74901 15.9994C6.02384 16.0081 5.30187 15.9018 4.61001 15.6844C3.40238 15.3004 2.35048 14.5377 1.61001 13.5094C1.24144 13.0029 0.939006 12.4514 0.710011 11.8684C0.468973 11.2677 0.289379 10.6442 0.174001 10.0074C0.0576192 9.35516 -0.000605498 8.69388 4.74727e-06 8.03137C0.000633892 7.33814 0.0726773 6.64683 0.215001 5.96838C0.349412 5.31408 0.556361 4.67679 0.832006 4.06835C1.10146 3.48093 1.44454 2.9302 1.853 2.42938C2.67554 1.41797 3.78369 0.67779 5.03301 0.305352C5.72268 0.0959449 6.44028 -0.0069001 7.161 0.000359076C7.54 0.000359076 7.88701 0.012372 8.20301 0.032372C8.49632 0.0492166 8.78846 0.0826091 9.07801 0.132378C9.34144 0.177448 9.60066 0.244327 9.853 0.33236C10.107 0.419187 10.3543 0.52447 10.593 0.647362C10.8609 0.782467 11.1192 0.935843 11.366 1.10638C11.6327 1.28438 11.9263 1.49435 12.247 1.73635L10.797 3.68838C10.4912 3.41105 10.1686 3.15288 9.83101 2.91537C9.55631 2.72032 9.26083 2.55631 8.95 2.42635C8.66096 2.30636 8.35893 2.22046 8.05001 2.17037C7.70771 2.11985 7.362 2.0961 7.01601 2.09936C6.40137 2.08829 5.79444 2.23754 5.25501 2.53237C4.73856 2.82694 4.29629 3.23569 3.96201 3.72738C3.59548 4.26897 3.32706 4.87079 3.16901 5.50536C2.98332 6.22376 2.89254 6.9634 2.89901 7.70538C2.89341 8.4936 2.97049 9.28022 3.129 10.0524C3.26457 10.7479 3.51573 11.4158 3.87201 12.0284C4.19608 12.5805 4.64638 13.0479 5.18601 13.3924C5.76832 13.7417 6.43821 13.9176 7.11701 13.8994C7.33906 13.9036 7.56116 13.8939 7.782 13.8704C8.018 13.8414 8.25401 13.8234 8.49601 13.7874C8.73801 13.7514 8.972 13.7084 9.202 13.6594C9.432 13.6104 9.64401 13.5594 9.84601 13.5094V8.32836H12.595L12.602 14.6814Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), h("path", { key: '82b4f46aec9b65d7479d9bbb5749ae178fec01b3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M109.442 9.51028L113.077 5.4953H116.426L111.367 10.3453L116.755 16.3633H113.547L109.447 11.6633V16.3633H106.768V0.58728H109.447L109.442 9.51028ZM94.8709 7.3573C94.8709 7.1413 94.871 6.86529 94.852 6.52429C94.8439 6.1785 94.8071 5.83398 94.742 5.49429H97.2649C97.2894 5.55963 97.3098 5.62644 97.326 5.69431C97.345 5.77631 97.3659 5.86929 97.3919 5.96429C97.4179 6.05929 97.4369 6.16428 97.4549 6.26428C97.4729 6.36428 97.486 6.46428 97.5 6.55228C97.687 6.38781 97.8877 6.23961 98.0999 6.10928C98.6115 5.78686 99.1757 5.55704 99.7669 5.4303C100.1 5.35753 100.44 5.32132 100.781 5.3223C101.328 5.31866 101.872 5.40723 102.39 5.58429C102.869 5.74685 103.312 6.00393 103.69 6.3403C104.063 6.67744 104.36 7.08984 104.562 7.55029C104.781 8.06212 104.89 8.61452 104.881 9.1713V16.3713H102.196V9.6713C102.203 9.29813 102.158 8.9258 102.061 8.56528C101.986 8.29345 101.849 8.04279 101.661 7.83328C101.484 7.64715 101.263 7.50943 101.018 7.43329C100.734 7.34463 100.438 7.30144 100.141 7.3053C99.9337 7.30661 99.7268 7.32297 99.5219 7.35428C99.2943 7.38247 99.069 7.42726 98.8479 7.48828C98.6183 7.5484 98.392 7.6205 98.17 7.70428C97.9553 7.77835 97.7466 7.86895 97.5459 7.97528V16.3753H94.8689L94.8709 7.3573ZM89.354 10.6903C88.693 10.7039 88.0352 10.7877 87.3919 10.9403C86.9571 11.0391 86.5446 11.2185 86.1759 11.4693C85.8984 11.6587 85.6811 11.9239 85.55 12.2333C85.4322 12.5398 85.3738 12.866 85.378 13.1943C85.3692 13.4439 85.403 13.6931 85.4779 13.9313C85.5355 14.1106 85.6361 14.273 85.771 14.4043C85.9046 14.5271 86.0668 14.6145 86.243 14.6583C86.4338 14.7108 86.631 14.7364 86.8289 14.7343C87.0219 14.7343 87.219 14.7223 87.419 14.7063C87.6305 14.6839 87.8398 14.6444 88.045 14.5883C88.266 14.5295 88.4818 14.4522 88.69 14.3573C88.9221 14.2504 89.144 14.1225 89.3529 13.9753L89.354 10.6903ZM82.841 6.9743C83.4506 6.43993 84.1574 6.02806 84.9229 5.76129C85.735 5.46771 86.5924 5.31913 87.456 5.3223C88.0356 5.3199 88.6134 5.38703 89.177 5.52228C89.6953 5.64191 90.1898 5.84778 90.6399 6.13129C91.0583 6.40027 91.4075 6.76412 91.659 7.1933C91.9212 7.66192 92.0524 8.19246 92.039 8.72928V13.5793C92.0359 13.7771 92.0499 13.9749 92.081 14.1703C92.0978 14.3025 92.1446 14.429 92.2179 14.5403C92.2808 14.6292 92.369 14.6971 92.471 14.7353C92.5948 14.7743 92.7242 14.7923 92.854 14.7883C92.9578 14.7841 93.0613 14.7741 93.164 14.7583C93.322 14.7363 93.466 14.7133 93.596 14.6893L93.885 15.8443C93.72 15.9443 93.553 16.0353 93.38 16.1263C93.2023 16.2182 93.0173 16.2955 92.8269 16.3573C92.6192 16.4261 92.4066 16.4793 92.1909 16.5163C91.9393 16.5572 91.6849 16.578 91.43 16.5783C90.9747 16.5916 90.5257 16.4694 90.1399 16.2273C89.9688 16.1147 89.822 15.969 89.708 15.7988C89.594 15.6286 89.515 15.4374 89.4759 15.2363C89.2019 15.4862 88.8999 15.7037 88.576 15.8843C88.2804 16.0533 87.9684 16.192 87.6449 16.2983C87.3372 16.399 87.0209 16.4713 86.6999 16.5143C86.3981 16.5528 86.0942 16.5735 85.7899 16.5763C85.333 16.5793 84.8783 16.5135 84.4409 16.3813C84.0636 16.2663 83.7154 16.0716 83.42 15.8103C83.1354 15.5561 82.913 15.24 82.7699 14.8863C82.6093 14.4719 82.5296 14.0307 82.5349 13.5863C82.5244 13.0864 82.6134 12.5894 82.797 12.1243C82.9638 11.7188 83.2106 11.3511 83.5229 11.0433C83.8465 10.733 84.2205 10.4801 84.6289 10.2953C85.0769 10.0896 85.5465 9.93463 86.029 9.83328C86.556 9.71543 87.0906 9.63457 87.6289 9.59128C88.1916 9.54528 88.7643 9.52228 89.347 9.52228V9.13028C89.3559 8.81548 89.3046 8.50188 89.196 8.2063C89.1028 7.96802 88.9568 7.75397 88.769 7.58029C88.5772 7.41846 88.3542 7.29763 88.1139 7.22528C87.8398 7.1455 87.5554 7.10642 87.2699 7.10928C87.021 7.10712 86.7724 7.12957 86.5279 7.1763C86.2826 7.22239 86.0443 7.30002 85.8189 7.40729C85.5603 7.53109 85.3142 7.67943 85.084 7.85028C84.7873 8.07003 84.5041 8.30746 84.2359 8.56128L82.841 6.9743ZM73.27 2.62628V7.3053H74.77C75.2355 7.31174 75.7001 7.26475 76.1549 7.16528C76.5333 7.08847 76.8941 6.94197 77.219 6.73328C77.5016 6.54416 77.7328 6.28785 77.8919 5.9873C78.0558 5.65844 78.1371 5.29461 78.1289 4.92728C78.1359 4.5799 78.0765 4.23441 77.9539 3.9093C77.8334 3.61742 77.6274 3.36884 77.3629 3.19629C77.0275 2.98493 76.6537 2.84156 76.263 2.77429C75.705 2.67186 75.1382 2.62464 74.571 2.6333L73.27 2.62628ZM73.27 9.33929V14.3393H75.4419C75.9397 14.3493 76.4358 14.2783 76.9109 14.1293C77.2868 14.0087 77.6365 13.8184 77.9419 13.5683C78.1976 13.3579 78.4026 13.0927 78.542 12.7923C78.6704 12.5222 78.7387 12.2274 78.742 11.9283C78.7423 11.585 78.6743 11.2451 78.542 10.9283C78.4091 10.6098 78.2008 10.3284 77.935 10.1083C77.6222 9.85665 77.2635 9.66817 76.8789 9.55328C76.3764 9.40636 75.8544 9.3369 75.331 9.34729L73.27 9.33929ZM75.5929 0.58728C76.3348 0.57908 77.0745 0.668854 77.7929 0.854279C78.3878 1.00832 78.9499 1.26888 79.4519 1.62329C79.8961 1.9476 80.2585 2.37119 80.51 2.86029C80.7629 3.38432 80.889 3.96052 80.878 4.5423C80.88 4.93957 80.7993 5.33292 80.641 5.6973C80.4802 6.07453 80.26 6.4236 79.9889 6.73129C79.708 7.04844 79.3819 7.32238 79.021 7.54428C78.6554 7.77312 78.2572 7.9451 77.8399 8.05429C78.2862 8.13489 78.721 8.2692 79.135 8.45428C79.582 8.65138 79.993 8.92179 80.3509 9.2543C80.7289 9.59946 81.0372 10.0139 81.2589 10.4753C81.5061 10.998 81.6277 11.5712 81.6139 12.1493C81.6124 12.6915 81.4898 13.2266 81.255 13.7153C81.0007 14.2375 80.6343 14.697 80.182 15.0613C79.66 15.4835 79.0628 15.8031 78.422 16.0033C77.6359 16.2543 76.8139 16.3742 75.9889 16.3583H70.429V0.581299L75.5929 0.58728Z", fill: "var(--color-text-brandDarkBlue, #212C65)" })))), this.state === 'collapsed' && h("img", { key: '8543cf5809c0c93ce5e0a4e13f25dff8bc475c6c', src: logoSrc, alt: "" })), h("div", { key: 'b0910a72c08f4d94e949ef5bc905bdf7bd144aee', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '7bca4006d51b9a83743bbf27d717c1bbeab3a994', icon: "assets/collapse_arrow.svg", color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '1268a7ab545746e52aba95055f2b7e77cb6180db', class: "navigation" }, h("div", { key: '5abda44e8d57b572cdbdb9e5732e133183ff1be5', class: "item" }, h("gb-simple-side-bar-item", { key: '10071bafeb7abd5a0f49a81a1c1f9c5f9edb0dc1', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '633159e42deec979478fd40b44625d73abd98662', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: 'bc647c8dae2f272fdc6aa3c15ece72248d34636f', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: '5c1d339b0d8b4ef82a0dbb4cf9836fabd5eafe92', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: 'e3267ed51bbfa1822fe5780801219595307b00be', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '4551fee7706f2d4c967c40d2d6a46b048af6789b', class: "navigation" }, h("div", { key: '47bbea8da0fbdba201acf4290a334e1dc35506da', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '46728a30a943ae3e261f568d9886ba64b872b1e5', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: 'a5019b317f697d5456bbba8ed7d4412fb658b0a8', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'd507c112f441e94c41cbc643d4b89d41969aa9c2', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '2aead44448944f4193dc058bfbf05f788c02352a', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: 'f1b7f99346dcbf373ae8b85af3f5e0b7217a86d8', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '657f5366a54500769926bbb9bf3c47360744e637', class: "application_name" }, h("div", { key: 'b90577fba2f9639414fba8a8d7e1df7986f7acf8', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '974f58e78de8707ddaa6dac49525c21c696e9bac', class: "application_name_pattern" }, h("img", { key: '2d81d8f4900dfd12f6a4a5143ad324c3cac3de2d', src: patternSrc, alt: "" }))), this.hasInfo ? (h(Fragment, null, h("div", { class: "information_header" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `help_icon ${this.category}` }, h("path", { opacity: "0.4", d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), h("path", { d: "M11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 10C10.6899 10 10.2422 10.4477 10.2422 11C10.2422 11.5523 10.6899 12 11.2422 12V10ZM12.0957 11.1464L12.8028 10.4393L12.0957 11.1464ZM11.992 7C11.4397 7 10.992 7.44772 10.992 8C10.992 8.55228 11.4397 9 11.992 9V7ZM12.001 9C12.5533 9 13.001 8.55228 13.001 8C13.001 7.44772 12.5533 7 12.001 7V9ZM23 12C23 5.92487 18.0751 1 12 1V3C16.9706 3 21 7.02944 21 12H23ZM12 1C5.92487 1 1 5.92487 1 12H3C3 7.02944 7.02944 3 12 3V1ZM1 12C1 18.0751 5.92487 23 12 23V21C7.02944 21 3 16.9706 3 12H1ZM12 23C18.0751 23 23 18.0751 23 12H21C21 16.9706 16.9706 21 12 21V23ZM11.2422 12V17H13.2422V12H11.2422ZM11.2422 12C11.3638 12 11.4531 12.0001 11.5286 12.002C11.6046 12.0039 11.6417 12.0072 11.6576 12.0094C11.6729 12.0114 11.6408 12.009 11.5864 11.9866C11.524 11.9609 11.4526 11.9176 11.3886 11.8536L12.8028 10.4393C12.5129 10.1493 12.1711 10.0604 11.9241 10.0272C11.7058 9.99788 11.4496 10 11.2422 10V12ZM13.2422 12C13.2422 11.7926 13.2443 11.5364 13.215 11.3181C13.1818 11.0711 13.0928 10.7293 12.8028 10.4393L11.3886 11.8536C11.3246 11.7896 11.2813 11.7181 11.2556 11.6558C11.2332 11.6014 11.2307 11.5693 11.2328 11.5846C11.2349 11.6005 11.2383 11.6376 11.2402 11.7136C11.2421 11.789 11.2422 11.8784 11.2422 12H13.2422ZM11.992 9H12.001V7H11.992V9Z", fill: "var(--color-text-brandDarkBlue, #212C65)" })), h("p", { class: `need_help ${this.category} text-lg-bold` }, "Need help?")), h("p", { class: `info phone_no ${this.category} text-sm-medium` }, this.email), this.phoneNumber && h("p", { class: `info ${this.category} text-sm-medium` }, this.phoneNumber))) : (h(Fragment, null, h("div", { class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("slot", { name: "application_name" })))))))), this.type === 'complex' && (h("div", { key: 'd4b20cc59d27ba4e9258f76b717c763ce0596a8d', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'd311b4ebced4abaeb3f14248a7831d5ccf264412', class: "nav_div" }, h("div", { key: '8aa041ce0b45c898a067e011f9e27a8268c1f28c', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '63574f5870177999b0aaa7966ccc2575dd25c349', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '54f5b4b677bfaf5c22a29c84b30d54f905110a15', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '0fed4a93a5a156107238de0c8dd5344ce4cec63e', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '810dee2a0a0bb6f56c8913afa66731890b0d5e6b', class: "complex_sidebar_div" }, h("div", { key: '5ba377d9660c3b3259cecc7d585330c3283b2b13', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'c7686930f1bf825ddd0bfcbc5dd3439ffb9b3103', class: "pattern" }, h("img", { key: '671929c2badd9bb7206b3c17546770bd16c6c089', src: patternSrc, alt: "" }))), h("div", { key: 'f6e17629583cd56a891d58970e43e2cf59537cfe', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '2dece9f1cab703009e9b34dfd18ceda359a057c8', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'a56d947ccdb14bd9886d9f532b6fba48053d17b7', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '7ca8a6ec9db541745d275b6d43d8e6508f2e7b61', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '3c74cdeb85afaa3a1429e166fa79608c76f45345', class: "pattern" }, h("img", { key: '3c84f5d97d02bf7f0a5a2286d0f36b55e472f567', src: patternSrc, alt: "" }))), h("div", { key: '85f323e3a2d0699a88f7aa67879f08831fc14227', class: "nav" }, h("div", { key: 'c17102346cac4dc14974d1ce86909ae2b214a353', class: `sidebar_header ${this.state}` }, h("div", { key: '0042eb0efd5f11fb08069d500adcc4a4294436d8', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && (h("div", { key: '056b509185a1b0e4f292e5f00fec1e49d72f12c0', class: "sidebar_logo" }, h("img", { key: 'b85af3ff2e9ddcdb9514e6cc6243583f613ae643', src: logoSrc, alt: "" }), h("svg", { key: 'd5683849364f09030945d75f27b2e52582a46653', xmlns: "http://www.w3.org/2000/svg", width: "117", height: "17", viewBox: "0 0 117 17", fill: "none" }, h("path", { key: '01bfad1f367664bc398690255191e159078f9faf', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M55.977 12.6264C56.3596 13.1025 56.8394 13.4915 57.3843 13.7674C57.9292 14.0434 58.5268 14.1998 59.137 14.2264C59.3682 14.2276 59.5989 14.2038 59.825 14.1554C60.0203 14.1134 60.2068 14.0376 60.376 13.9314C60.5266 13.8276 60.6514 13.6908 60.741 13.5314C60.8332 13.3494 60.8789 13.1473 60.874 12.9434C60.8797 12.7871 60.8427 12.6322 60.767 12.4954C60.6928 12.3641 60.5948 12.2478 60.478 12.1524C60.3548 12.0522 60.2206 11.9663 60.078 11.8964C59.9369 11.8205 59.7898 11.7567 59.638 11.7054C59.365 11.6054 59.092 11.4954 58.821 11.4054C58.55 11.3154 58.285 11.2194 58.009 11.1054C57.856 11.0544 57.668 10.9864 57.454 10.9054C57.2189 10.8192 56.9891 10.7191 56.766 10.6054C56.5267 10.4828 56.2967 10.3428 56.078 10.1864C55.8479 10.0188 55.6411 9.82143 55.463 9.59936C55.2755 9.3641 55.1254 9.10136 55.018 8.82037C54.8987 8.50077 54.841 8.16145 54.848 7.82037C54.8385 7.38435 54.9601 6.95552 55.197 6.58938C55.4368 6.22409 55.7548 5.91665 56.128 5.68935C56.5352 5.44285 56.9786 5.26199 57.442 5.15337C57.9371 5.03187 58.4452 4.9714 58.955 4.97335C59.7154 4.96345 60.4735 5.05835 61.208 5.25536C61.883 5.44235 62.5133 5.76379 63.061 6.20037L61.881 7.97738C61.675 7.77738 61.475 7.59837 61.276 7.43737C61.0823 7.28066 60.8736 7.14333 60.653 7.02737C60.4242 6.91238 60.1825 6.82509 59.933 6.76736C59.6405 6.70771 59.3425 6.67923 59.044 6.68237C58.8003 6.6793 58.5576 6.71302 58.324 6.78237C58.1425 6.83794 57.973 6.92678 57.824 7.04437C57.7018 7.14787 57.6053 7.27829 57.542 7.42538C57.4813 7.5669 57.4503 7.71939 57.451 7.87338C57.4479 8.03229 57.4929 8.18844 57.58 8.32137C57.6712 8.45192 57.7854 8.56477 57.917 8.65438C58.0598 8.75308 58.2135 8.83495 58.375 8.89837C58.549 8.96737 58.724 9.03036 58.903 9.08737C59.183 9.18737 59.467 9.28736 59.749 9.37936C60.031 9.47136 60.313 9.57035 60.592 9.66735C60.731 9.72035 60.902 9.77936 61.104 9.85336C61.3158 9.93021 61.522 10.0218 61.721 10.1274C61.945 10.2432 62.1576 10.3798 62.356 10.5354C62.571 10.6981 62.7616 10.8907 62.922 11.1074C63.0947 11.347 63.2296 11.6118 63.322 11.8924C63.4341 12.2242 63.4876 12.5731 63.48 12.9234C63.4886 13.3821 63.3593 13.8329 63.109 14.2174C62.8572 14.5968 62.5255 14.9167 62.137 15.1544C61.711 15.4162 61.2468 15.6099 60.761 15.7284C60.2447 15.8581 59.7143 15.923 59.182 15.9214C58.7286 15.9217 58.2755 15.896 57.825 15.8444C57.4131 15.7956 57.0069 15.7072 56.612 15.5804C56.2266 15.4585 55.8573 15.2906 55.512 15.0804C55.152 14.8574 54.8226 14.5884 54.532 14.2804L55.977 12.6264ZM46.023 5.15136V12.3824C46.0171 12.6297 46.0603 12.8758 46.15 13.1064C46.2233 13.2937 46.3378 13.4622 46.485 13.5994C46.6276 13.7299 46.7989 13.8251 46.985 13.8774C47.1837 13.9372 47.3905 13.9659 47.598 13.9624C48.1129 13.9605 48.6258 13.9001 49.127 13.7824C49.6297 13.6726 50.1117 13.4836 50.555 13.2224V5.14636H53.165V13.8624C53.1705 14.1064 53.1909 14.3498 53.226 14.5914C53.262 14.9064 53.326 15.2774 53.403 15.7014H50.93C50.916 15.6614 50.893 15.5894 50.866 15.4774C50.839 15.3654 50.805 15.2534 50.772 15.1304C50.739 15.0074 50.715 14.8904 50.687 14.7814C50.6662 14.7 50.6501 14.6176 50.639 14.5344C50.4019 14.7386 50.1461 14.9201 49.875 15.0764C49.5915 15.2448 49.2941 15.3887 48.986 15.5064C48.6826 15.626 48.3695 15.719 48.05 15.7844C47.7544 15.8493 47.4527 15.8828 47.15 15.8844C46.5406 15.9045 45.9328 15.8088 45.359 15.6024C44.9281 15.4446 44.5423 15.1836 44.2355 14.8422C43.9287 14.5009 43.7102 14.0897 43.599 13.6444C43.4774 13.1714 43.4179 12.6847 43.422 12.1964V5.14938L46.023 5.15136ZM34.173 14.0344C34.4914 14.1402 34.8178 14.2205 35.149 14.2744C35.5278 14.3366 35.9111 14.368 36.295 14.3684C36.6865 14.3713 37.0725 14.2764 37.418 14.0924C37.7682 13.8978 38.0679 13.6238 38.293 13.2924C38.5589 12.9056 38.7546 12.4751 38.871 12.0204C39.0127 11.4651 39.0799 10.8934 39.071 10.3204C39.0745 9.84945 39.0238 9.37971 38.92 8.92037C38.8359 8.53264 38.6762 8.1653 38.45 7.83938C38.2415 7.54414 37.9623 7.30585 37.638 7.14636C37.2658 6.97548 36.8594 6.89203 36.45 6.90237C36.2347 6.90349 36.0196 6.91785 35.806 6.94537C35.591 6.97637 35.384 7.01636 35.183 7.06536C34.9916 7.11019 34.8033 7.16699 34.619 7.23537C34.4596 7.29532 34.3062 7.37033 34.161 7.45937L34.173 14.0344ZM31.573 0.395379H34.173V5.94637C34.5815 5.64458 35.0369 5.41212 35.521 5.25835C36.0793 5.07415 36.6641 4.98329 37.252 4.98937C37.9775 4.97144 38.697 5.12493 39.352 5.43737C39.9085 5.71759 40.3919 6.12367 40.764 6.62338C41.1391 7.13643 41.4108 7.71756 41.564 8.33437C41.7346 8.99307 41.82 9.67094 41.818 10.3514C41.8392 11.1967 41.6831 12.037 41.36 12.8184C41.081 13.474 40.6682 14.0643 40.148 14.5514C39.6578 15.003 39.0812 15.3507 38.453 15.5734C37.838 15.79 37.1911 15.9022 36.539 15.9054C36.0383 15.9054 35.5797 15.9 35.163 15.8894C34.744 15.8774 34.338 15.8644 33.951 15.8464C33.564 15.8284 33.173 15.7994 32.791 15.7614C32.409 15.7234 32.007 15.6784 31.591 15.6234L31.573 0.395379ZM24.573 14.2164C24.984 14.2278 25.3873 14.103 25.72 13.8614C26.0497 13.616 26.3187 13.2982 26.506 12.9324C26.7225 12.5243 26.8769 12.0861 26.964 11.6324C27.066 11.1494 27.1166 10.657 27.115 10.1634C27.1164 9.72126 27.0718 9.28025 26.982 8.84737C26.9009 8.46194 26.7494 8.09478 26.535 7.76437C26.3324 7.45791 26.0577 7.20585 25.735 7.03036C25.3682 6.83692 24.9575 6.74183 24.543 6.75436C24.1538 6.74764 23.7699 6.845 23.431 7.03637C23.1073 7.23018 22.8334 7.49693 22.631 7.81536C22.4048 8.17634 22.2412 8.57292 22.147 8.98837C21.9311 9.90171 21.9243 10.852 22.127 11.7684C22.216 12.194 22.3705 12.6032 22.585 12.9814C22.7843 13.3379 23.0607 13.6453 23.394 13.8814C23.7431 14.1127 24.1554 14.2301 24.574 14.2174L24.573 14.2164ZM24.66 15.9734C23.8645 15.9875 23.0734 15.8518 22.328 15.5734C21.6834 15.3259 21.1025 14.937 20.628 14.4354C20.1558 13.9225 19.7994 13.3141 19.583 12.6514C19.335 11.9037 19.2134 11.12 19.223 10.3324C19.2197 9.63472 19.3305 8.94126 19.551 8.27938C19.7645 7.63603 20.1153 7.04677 20.5791 6.55242C21.0429 6.05807 21.6086 5.67044 22.237 5.41637C22.9955 5.11592 23.8064 4.97038 24.622 4.98837C25.43 4.96837 26.2335 5.11404 26.983 5.41637C27.6091 5.68005 28.1666 6.0833 28.613 6.59536C29.0478 7.1081 29.3694 7.70683 29.557 8.35238C29.7617 9.05529 29.8627 9.7843 29.857 10.5164C29.8615 11.2376 29.7414 11.9541 29.502 12.6344C29.2754 13.2745 28.9255 13.864 28.472 14.3694C28.0128 14.8682 27.4555 15.2669 26.835 15.5404C26.1487 15.8353 25.4079 15.9818 24.661 15.9704L24.66 15.9734ZM14.302 0.394372H16.902V13.1564C16.8789 13.4015 16.9368 13.6474 17.067 13.8564C17.1212 13.9252 17.191 13.9801 17.2706 14.0167C17.3503 14.0532 17.4375 14.0702 17.525 14.0664C17.7153 14.0716 17.9048 14.0415 18.084 13.9774C18.237 13.9214 18.417 13.8494 18.615 13.7774L19.055 15.0844C18.8809 15.2024 18.6984 15.3077 18.509 15.3994C18.3094 15.4997 18.1032 15.5865 17.892 15.6594C17.672 15.7336 17.4475 15.794 17.22 15.8404C16.9934 15.8855 16.763 15.9086 16.532 15.9094C16.2533 15.9095 15.9753 15.8797 15.703 15.8204C15.4428 15.7656 15.1996 15.6489 14.994 15.4804C14.7726 15.2971 14.6007 15.0612 14.494 14.7944C14.3574 14.4324 14.2942 14.047 14.308 13.6604L14.302 0.394372ZM12.602 14.6814C12.239 14.8724 11.868 15.0444 11.485 15.2064C11.0739 15.377 10.6508 15.517 10.219 15.6254C9.71274 15.7511 9.19858 15.8427 8.68001 15.8994C8.03877 15.9693 7.39406 16.0027 6.74901 15.9994C6.02384 16.0081 5.30187 15.9018 4.61001 15.6844C3.40238 15.3004 2.35048 14.5377 1.61001 13.5094C1.24144 13.0029 0.939006 12.4514 0.710011 11.8684C0.468973 11.2677 0.289379 10.6442 0.174001 10.0074C0.0576192 9.35516 -0.000605498 8.69388 4.74727e-06 8.03137C0.000633892 7.33814 0.0726773 6.64683 0.215001 5.96838C0.349412 5.31408 0.556361 4.67679 0.832006 4.06835C1.10146 3.48093 1.44454 2.9302 1.853 2.42938C2.67554 1.41797 3.78369 0.67779 5.03301 0.305352C5.72268 0.0959449 6.44028 -0.0069001 7.161 0.000359076C7.54 0.000359076 7.88701 0.012372 8.20301 0.032372C8.49632 0.0492166 8.78846 0.0826091 9.07801 0.132378C9.34144 0.177448 9.60066 0.244327 9.853 0.33236C10.107 0.419187 10.3543 0.52447 10.593 0.647362C10.8609 0.782467 11.1192 0.935843 11.366 1.10638C11.6327 1.28438 11.9263 1.49435 12.247 1.73635L10.797 3.68838C10.4912 3.41105 10.1686 3.15288 9.83101 2.91537C9.55631 2.72032 9.26083 2.55631 8.95 2.42635C8.66096 2.30636 8.35893 2.22046 8.05001 2.17037C7.70771 2.11985 7.362 2.0961 7.01601 2.09936C6.40137 2.08829 5.79444 2.23754 5.25501 2.53237C4.73856 2.82694 4.29629 3.23569 3.96201 3.72738C3.59548 4.26897 3.32706 4.87079 3.16901 5.50536C2.98332 6.22376 2.89254 6.9634 2.89901 7.70538C2.89341 8.4936 2.97049 9.28022 3.129 10.0524C3.26457 10.7479 3.51573 11.4158 3.87201 12.0284C4.19608 12.5805 4.64638 13.0479 5.18601 13.3924C5.76832 13.7417 6.43821 13.9176 7.11701 13.8994C7.33906 13.9036 7.56116 13.8939 7.782 13.8704C8.018 13.8414 8.25401 13.8234 8.49601 13.7874C8.73801 13.7514 8.972 13.7084 9.202 13.6594C9.432 13.6104 9.64401 13.5594 9.84601 13.5094V8.32836H12.595L12.602 14.6814Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), h("path", { key: 'ac610d1c6f9de5e2913bbb77a01af7ad12463848', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M109.442 9.51028L113.077 5.4953H116.426L111.367 10.3453L116.755 16.3633H113.547L109.447 11.6633V16.3633H106.768V0.58728H109.447L109.442 9.51028ZM94.8709 7.3573C94.8709 7.1413 94.871 6.86529 94.852 6.52429C94.8439 6.1785 94.8071 5.83398 94.742 5.49429H97.2649C97.2894 5.55963 97.3098 5.62644 97.326 5.69431C97.345 5.77631 97.3659 5.86929 97.3919 5.96429C97.4179 6.05929 97.4369 6.16428 97.4549 6.26428C97.4729 6.36428 97.486 6.46428 97.5 6.55228C97.687 6.38781 97.8877 6.23961 98.0999 6.10928C98.6115 5.78686 99.1757 5.55704 99.7669 5.4303C100.1 5.35753 100.44 5.32132 100.781 5.3223C101.328 5.31866 101.872 5.40723 102.39 5.58429C102.869 5.74685 103.312 6.00393 103.69 6.3403C104.063 6.67744 104.36 7.08984 104.562 7.55029C104.781 8.06212 104.89 8.61452 104.881 9.1713V16.3713H102.196V9.6713C102.203 9.29813 102.158 8.9258 102.061 8.56528C101.986 8.29345 101.849 8.04279 101.661 7.83328C101.484 7.64715 101.263 7.50943 101.018 7.43329C100.734 7.34463 100.438 7.30144 100.141 7.3053C99.9337 7.30661 99.7268 7.32297 99.5219 7.35428C99.2943 7.38247 99.069 7.42726 98.8479 7.48828C98.6183 7.5484 98.392 7.6205 98.17 7.70428C97.9553 7.77835 97.7466 7.86895 97.5459 7.97528V16.3753H94.8689L94.8709 7.3573ZM89.354 10.6903C88.693 10.7039 88.0352 10.7877 87.3919 10.9403C86.9571 11.0391 86.5446 11.2185 86.1759 11.4693C85.8984 11.6587 85.6811 11.9239 85.55 12.2333C85.4322 12.5398 85.3738 12.866 85.378 13.1943C85.3692 13.4439 85.403 13.6931 85.4779 13.9313C85.5355 14.1106 85.6361 14.273 85.771 14.4043C85.9046 14.5271 86.0668 14.6145 86.243 14.6583C86.4338 14.7108 86.631 14.7364 86.8289 14.7343C87.0219 14.7343 87.219 14.7223 87.419 14.7063C87.6305 14.6839 87.8398 14.6444 88.045 14.5883C88.266 14.5295 88.4818 14.4522 88.69 14.3573C88.9221 14.2504 89.144 14.1225 89.3529 13.9753L89.354 10.6903ZM82.841 6.9743C83.4506 6.43993 84.1574 6.02806 84.9229 5.76129C85.735 5.46771 86.5924 5.31913 87.456 5.3223C88.0356 5.3199 88.6134 5.38703 89.177 5.52228C89.6953 5.64191 90.1898 5.84778 90.6399 6.13129C91.0583 6.40027 91.4075 6.76412 91.659 7.1933C91.9212 7.66192 92.0524 8.19246 92.039 8.72928V13.5793C92.0359 13.7771 92.0499 13.9749 92.081 14.1703C92.0978 14.3025 92.1446 14.429 92.2179 14.5403C92.2808 14.6292 92.369 14.6971 92.471 14.7353C92.5948 14.7743 92.7242 14.7923 92.854 14.7883C92.9578 14.7841 93.0613 14.7741 93.164 14.7583C93.322 14.7363 93.466 14.7133 93.596 14.6893L93.885 15.8443C93.72 15.9443 93.553 16.0353 93.38 16.1263C93.2023 16.2182 93.0173 16.2955 92.8269 16.3573C92.6192 16.4261 92.4066 16.4793 92.1909 16.5163C91.9393 16.5572 91.6849 16.578 91.43 16.5783C90.9747 16.5916 90.5257 16.4694 90.1399 16.2273C89.9688 16.1147 89.822 15.969 89.708 15.7988C89.594 15.6286 89.515 15.4374 89.4759 15.2363C89.2019 15.4862 88.8999 15.7037 88.576 15.8843C88.2804 16.0533 87.9684 16.192 87.6449 16.2983C87.3372 16.399 87.0209 16.4713 86.6999 16.5143C86.3981 16.5528 86.0942 16.5735 85.7899 16.5763C85.333 16.5793 84.8783 16.5135 84.4409 16.3813C84.0636 16.2663 83.7154 16.0716 83.42 15.8103C83.1354 15.5561 82.913 15.24 82.7699 14.8863C82.6093 14.4719 82.5296 14.0307 82.5349 13.5863C82.5244 13.0864 82.6134 12.5894 82.797 12.1243C82.9638 11.7188 83.2106 11.3511 83.5229 11.0433C83.8465 10.733 84.2205 10.4801 84.6289 10.2953C85.0769 10.0896 85.5465 9.93463 86.029 9.83328C86.556 9.71543 87.0906 9.63457 87.6289 9.59128C88.1916 9.54528 88.7643 9.52228 89.347 9.52228V9.13028C89.3559 8.81548 89.3046 8.50188 89.196 8.2063C89.1028 7.96802 88.9568 7.75397 88.769 7.58029C88.5772 7.41846 88.3542 7.29763 88.1139 7.22528C87.8398 7.1455 87.5554 7.10642 87.2699 7.10928C87.021 7.10712 86.7724 7.12957 86.5279 7.1763C86.2826 7.22239 86.0443 7.30002 85.8189 7.40729C85.5603 7.53109 85.3142 7.67943 85.084 7.85028C84.7873 8.07003 84.5041 8.30746 84.2359 8.56128L82.841 6.9743ZM73.27 2.62628V7.3053H74.77C75.2355 7.31174 75.7001 7.26475 76.1549 7.16528C76.5333 7.08847 76.8941 6.94197 77.219 6.73328C77.5016 6.54416 77.7328 6.28785 77.8919 5.9873C78.0558 5.65844 78.1371 5.29461 78.1289 4.92728C78.1359 4.5799 78.0765 4.23441 77.9539 3.9093C77.8334 3.61742 77.6274 3.36884 77.3629 3.19629C77.0275 2.98493 76.6537 2.84156 76.263 2.77429C75.705 2.67186 75.1382 2.62464 74.571 2.6333L73.27 2.62628ZM73.27 9.33929V14.3393H75.4419C75.9397 14.3493 76.4358 14.2783 76.9109 14.1293C77.2868 14.0087 77.6365 13.8184 77.9419 13.5683C78.1976 13.3579 78.4026 13.0927 78.542 12.7923C78.6704 12.5222 78.7387 12.2274 78.742 11.9283C78.7423 11.585 78.6743 11.2451 78.542 10.9283C78.4091 10.6098 78.2008 10.3284 77.935 10.1083C77.6222 9.85665 77.2635 9.66817 76.8789 9.55328C76.3764 9.40636 75.8544 9.3369 75.331 9.34729L73.27 9.33929ZM75.5929 0.58728C76.3348 0.57908 77.0745 0.668854 77.7929 0.854279C78.3878 1.00832 78.9499 1.26888 79.4519 1.62329C79.8961 1.9476 80.2585 2.37119 80.51 2.86029C80.7629 3.38432 80.889 3.96052 80.878 4.5423C80.88 4.93957 80.7993 5.33292 80.641 5.6973C80.4802 6.07453 80.26 6.4236 79.9889 6.73129C79.708 7.04844 79.3819 7.32238 79.021 7.54428C78.6554 7.77312 78.2572 7.9451 77.8399 8.05429C78.2862 8.13489 78.721 8.2692 79.135 8.45428C79.582 8.65138 79.993 8.92179 80.3509 9.2543C80.7289 9.59946 81.0372 10.0139 81.2589 10.4753C81.5061 10.998 81.6277 11.5712 81.6139 12.1493C81.6124 12.6915 81.4898 13.2266 81.255 13.7153C81.0007 14.2375 80.6343 14.697 80.182 15.0613C79.66 15.4835 79.0628 15.8031 78.422 16.0033C77.6359 16.2543 76.8139 16.3742 75.9889 16.3583H70.429V0.581299L75.5929 0.58728Z", fill: "var(--color-text-brandDarkBlue, #212C65)" })))), this.state === 'collapsed' && h("img", { key: 'a0bb7269dad3a8075ae83bab4c0317a2a0fffb5c', src: logoSrc, alt: "" })), h("div", { key: '53ded3a61714550b05c7309ee7fa2f2ca6766d01', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '9d434efd4b2e56579acf1616ebc9b2b2039d9b2f', icon: "assets/collapse_arrow.svg", color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'e6590ff40f415ed9a7f5ed81c31654a83ad4d7d9', class: "navigation" }, h("div", { key: '7b6b9dc242037709ee3b5af6dc6c1e833f188c92', class: "item" }, h("gb-simple-side-bar-item", { key: '18b6401b58d317184831cdc3988922673c04ff05', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '7cdeb35a68219eb5fd9cf54362f4799b08c9080c', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: 'b3215fa7dbb8d089fca48de13e3967cc06646f69', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'd290d4f5663e8450bf27f4fa67fa0dfaa1254e2f', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: 'f6f4709b06e9d8a12d01d81bc0c78c33669314bd', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'd72ab8c4ea5cb0314c335dc62de7912977fb933c', class: "navigation" }, h("div", { key: 'd9a10c0da0884bb9434bc9cf4e97afb0c859a476', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'eac962c98eb02a7601efde41175c1328fe999e64', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '688e04dc1c68029317dcb9956bbea4a70c0e050b', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: '555aeffaffde79967456f98d49f7a00680d41de7', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '3e907a9556de62f8acf0aa6a27b0bcc75ab3f487', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '06ec4d2d89d248f526cedcf6c5b45ba3c1dcec98', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '68058218c82112997b9d070038faf35f3964ecb4', class: "application_name" }, h("div", { key: '10486958bd89a609f3c17b5d7c19cfaa2b681264', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '9a16a2166c50b381c9e51fe48cb580264a4238d4', class: "application_name_pattern" }, h("img", { key: '593efb9cc01ced988b373b1bc598bee070d2b747', src: patternSrc, alt: "" }))), this.hasInfo ? (h(Fragment, null, h("div", { class: "information_header" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `help_icon ${this.category}` }, h("path", { opacity: "0.4", d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), h("path", { d: "M11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 10C10.6899 10 10.2422 10.4477 10.2422 11C10.2422 11.5523 10.6899 12 11.2422 12V10ZM12.0957 11.1464L12.8028 10.4393L12.0957 11.1464ZM11.992 7C11.4397 7 10.992 7.44772 10.992 8C10.992 8.55228 11.4397 9 11.992 9V7ZM12.001 9C12.5533 9 13.001 8.55228 13.001 8C13.001 7.44772 12.5533 7 12.001 7V9ZM23 12C23 5.92487 18.0751 1 12 1V3C16.9706 3 21 7.02944 21 12H23ZM12 1C5.92487 1 1 5.92487 1 12H3C3 7.02944 7.02944 3 12 3V1ZM1 12C1 18.0751 5.92487 23 12 23V21C7.02944 21 3 16.9706 3 12H1ZM12 23C18.0751 23 23 18.0751 23 12H21C21 16.9706 16.9706 21 12 21V23ZM11.2422 12V17H13.2422V12H11.2422ZM11.2422 12C11.3638 12 11.4531 12.0001 11.5286 12.002C11.6046 12.0039 11.6417 12.0072 11.6576 12.0094C11.6729 12.0114 11.6408 12.009 11.5864 11.9866C11.524 11.9609 11.4526 11.9176 11.3886 11.8536L12.8028 10.4393C12.5129 10.1493 12.1711 10.0604 11.9241 10.0272C11.7058 9.99788 11.4496 10 11.2422 10V12ZM13.2422 12C13.2422 11.7926 13.2443 11.5364 13.215 11.3181C13.1818 11.0711 13.0928 10.7293 12.8028 10.4393L11.3886 11.8536C11.3246 11.7896 11.2813 11.7181 11.2556 11.6558C11.2332 11.6014 11.2307 11.5693 11.2328 11.5846C11.2349 11.6005 11.2383 11.6376 11.2402 11.7136C11.2421 11.789 11.2422 11.8784 11.2422 12H13.2422ZM11.992 9H12.001V7H11.992V9Z", fill: "var(--color-text-brandDarkBlue, #212C65)" })), h("p", { class: `need_help ${this.category} text-lg-bold` }, "Need help?")), h("p", { class: `info phone_no ${this.category} text-sm-medium` }, this.email), this.phoneNumber && h("p", { class: `info ${this.category} text-sm-medium` }, this.phoneNumber))) : (h(Fragment, null, h("div", { class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("slot", { name: "application_name" })))))))), this.type === 'complex' && (h("div", { key: '18bedfabce0b55d99488216b9a8a06d9cf3169d1', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '6ddbacda9e3307d3eeeb94241acf1bdb3e984b98', class: "nav_div" }, h("div", { key: 'bb327fec6b085af3f5a275d34fd807c281d5567a', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '6844c7ec765164b01f8ba2400f408e2bb21dd972', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '43c5ec4a356aa79eedee176f8d4046d4f0be9215', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '78edb0d88b01a165a26ade67579392477d7075d5', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '23045aaabb9159c073d38e95d1fd5d0ad8b2e6d6', class: "complex_sidebar_div" }, h("div", { key: 'aa5584d51ac352840dce4e60ec16ac1b9a2f6589', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'e32d9112277e6ac13e8f6217cdc25e012e889e01', class: "pattern" }, h("img", { key: '4bf388f7a30151dfcde145b4d3f1da58f1597aef', src: patternSrc, alt: "" }))), h("div", { key: '5bc340307d94b39196bab59c9259b73d559b46f8', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '8bef8f5b675c89d05dd00537b7aa7f7d2b1cf8ee', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '2de3cae473268427f1dad5028917d922391e8223', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     get el() { return getElement(this); }
 };
@@ -6561,7 +6563,7 @@ const GbSimpleSideBarItem = class {
         this.sideBarItemClicked.emit();
     }
     render() {
-        return (h("div", { key: 'ce6016b28362ccbb8d6dca215f9bf86131ebc211', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '77f8ac2872ec4d20158fb4ce7b4d4eb4991aeb82', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && h("div", { key: '739c259d6e183cb0d46a839dc9f59ea5a741d40e', class: `bar ${this.category}` }), h("div", { key: 'ae9899277bfcd147d9b686f0b86db00e2ffd3087', class: "content" }, this.icon && h("div", { key: 'a9825f0f9d6536e9d3f0ba366e84962bf69ef233', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'df545a71fbf5920df12b3e40faf45e98f01b5eb1', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '53097c4640074fe5845bb7907b54bf2307cc834b', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '91d07bf5f5df161265abcc43f1d669f580b06573' }, "10"))), this.showArrow && (h("svg", { key: '1b0ce2ea99296a8c0c5337af62bc62fb2c474845', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'e3709d54aeb2e7e791b2352e84227e4ecc7fb787', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'b9838e9360abd96457b4c448edc16cef26b5aca3', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '4dbdca01c6202ca433bf55813574e52ba3926faa', slot: "label" }, this.label)))));
+        return (h("div", { key: '220234b47936d436508fc2302de33791fcd6f72d', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '8f38fb8e7316bd21949e12fbaca170c2ba85ae91', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && h("div", { key: '8fddb7792033f0f3822d11131f84f5b12420d236', class: `bar ${this.category}` }), h("div", { key: '06226fd3166f7cedb577b392cb227b4afd21809b', class: "content" }, this.icon && h("div", { key: 'f3d941b611583cb88068df3e16b28c221a7f3f45', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'f85354eb3c19fc3568ad96c6d336d41f86d20d9d', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'd76b405d116ec0f682d03cdd591ad3dff99a3395', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '5311e68f82124a9a1e7c29557038a1d65d79e056' }, "10"))), this.showArrow && (h("svg", { key: 'fe47ede4a0ac343f9779f14d27da147eb56855f6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '47d0dd23957eec4f47728db113b76214c3acffd8', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '3c954080e3ff758227f26f7519a269b476148849', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'f6698f021ff51f2de49ce6339e7d801fcc5bb738', slot: "label" }, this.label)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -6581,7 +6583,7 @@ const GbStatusIndicator = class {
     }
     render() {
         return [
-            h("div", { key: 'e842367c76e65690cabbffb8894645b9ac974d8a' }, this.statusIcon === 'online_indicator' && h("div", { key: 'e66c73722fc8d26687aab998e66b176f1b615113', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'bbddf720aa9ce2b728375c375de18e036e4f6a1c', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '95796256c9949981a99e4bf7668acf8318cc40b5', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '3ca5e410b1897def00b1aea15644dca830be78d5', 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" }), h("path", { key: '8c27a9a7953fe9e2c006e1464c48e7fd066cc170', 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" })), h("defs", { key: 'd31832b91ae74551705a92831bb967947cf379dc' }, h("clipPath", { key: '13bba942804b45a6aa8c6d1d84193b705bfa4851', id: "clip0_0_21453" }, h("rect", { key: 'efc81265a7dcac814bfb95173af04bc8e302f08f', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '80eb858e54b2d3cca0f1d3b3655f9bfb8abfa96d', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '39a095dd0c1909915ca301a5ceb0add519ca8063', 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" }), h("path", { key: 'e202be186f51914ef83152edd485b28004c10986', "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" })))),
+            h("div", { key: 'f31e371d804432ed6bf62c8f8e9055ea49e29081' }, this.statusIcon === 'online_indicator' && h("div", { key: '728ea7cc2f770fb6244b514ab1615dde213e70ac', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '20810a36270dd53a0dfd8351fccc89bc4204fbb7', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '22e7c149c8028d9fbb7e8fe8902f6205da26a524', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'e7fec4e6e2244739fd5b90ab04b7485855912a45', 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" }), h("path", { key: 'fdc8743ff10739ec63fed6b5356d46fe7cb762dd', 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" })), h("defs", { key: 'b5fd96c2d8108a3d9e8eddfd6767e695089a2b3b' }, h("clipPath", { key: 'f40e29d5bef7c78ea13ecf8126f63c600bbd6404', id: "clip0_0_21453" }, h("rect", { key: '0e7a33b23515defa33c73584048203564032b3fa', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'b3ba95124ee323acc62a87acfc18d3b87fc4c0b4', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: 'c5f28f410d7a685318408274dc3a3b717bdb3c48', 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" }), h("path", { key: '373b28948718c2828546e88d73a8400f24d2fc53', "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" })))),
         ];
     }
 };
@@ -6604,7 +6606,7 @@ const GbStepIconBase = class {
         this.internalState = newValue;
     }
     render() {
-        return (h("div", { key: '4a6534b8a838d34c94dd56f7048d1d4d0fd62afe', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '7122edd27f66b83d08dc8c458debbdf1391f2e0c', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'a8d9ab946dcacadc6fbeb63378f1bd0a68c7788d', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: '067c0c60ca0a90d66f1215cf05320cb70ad144fb', 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" })))));
+        return (h("div", { key: 'c2c5781fbb7b5f411e7301de4878198ee131b428', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'ffe1f6ec3382e0415cdeb0c30759d9f6a1d7b9b4', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '931fb94ab7ad010a7c13625cdf87161fb0530b72', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: '6102c93db0d35e47be31061c3740295e89e3c686', 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" })))));
     }
     static get watchers() { return {
         "status": ["onStatusChange"],
@@ -6643,7 +6645,7 @@ const GbStepperHorizontalMinimalIcons = class {
     }
     render() {
         const indexOfCurrentStep = this.steps.findIndex(step => step.status === 'current');
-        return (h("div", { key: '28bf37b7c171c2bc11f7a10f7bf40093b134030b', class: `minimai_icons_container ${this.position}` }, h("div", { key: '3e7d2e0219630d7f9772b3008edda7d0c6a0f6b0', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: '6ee2e89556fe7fe1b4fc3cde7ec0b57b67647793', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: '73f7018d0991527d58f8b294c8596a2e8c129c08', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
+        return (h("div", { key: '60b37dc1f15608c6a47e0e121e403a87e0c56301', class: `minimai_icons_container ${this.position}` }, h("div", { key: '1f84397b9388c1154129efd01f6bf1d43c390b92', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: '6f5af48bd55eddeb1df04750e3a186307bae9602', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: '9a1428d7bc4ab2a9f5f6b11a7875a37a8b8461c9', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
     }
 };
 GbStepperHorizontalMinimalIcons.style = gbStepperHorizontalMinimalIconsCss;
@@ -6693,11 +6695,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '23c21ca6c00579916debb9b6520c84eaf99ff7c2', class: `tab_button_div ${this.type}
+        return (h("div", { key: '581e3c9fc471d77a3373e43e5d3bdd7976b4706b', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''}
       ${this.fullWidth ? 'full_width' : ''}
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'ed583ebecfdb6eb4f0fc2791861403bd1204fbff', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '031e85955960ff23dcb716f45ca1e4626c007f13', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '985a93a27945e196bdfe27eb0e031c03bbdaf80f', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'ae085218f8d65c8592ac4ebac109c2babd07cff9', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -6706,13 +6708,13 @@ const GbTabButtonBase = class {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, h("slot", { key: 'fe6b2b3eb663a049ec947bf37123e10af5ead3c0', name: "count" })))));
+                                : 'gray' }, h("slot", { key: 'f8cb5254d86e07e451f509de32ac6e3b86c47b27', name: "count" })))));
     }
     get el() { return getElement(this); }
 };
 GbTabButtonBase.style = gbTabButtonBaseCss;
-const gbTableHeaderCss = "/* @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  /* gray color palette  */\r\n  --gray-25: #f9fafb;\r\n  --gray-50: #f6f8fa;\r\n  --gray-100: #eef2f6;\r\n  --gray-200: #e3e8ef;\r\n  --gray-300: #cdd5df;\r\n  --gray-400: #808c9e;\r\n  --gray-500: #697586;\r\n  --gray-600: #4b5565;\r\n  --gray-700: #364152;\r\n  --gray-800: #202939;\r\n  --gray-900: #121926;\r\n  --gray-950: #0d121c;\r\n\r\n  /* brand dark blue color palette */\r\n  --brandDarkBlue-25: #f9f9fb;\r\n  --brandDarkBlue-50: #edeef3;\r\n  --brandDarkBlue-100: #d3d5e0;\r\n  --brandDarkBlue-200: #b5b9cc;\r\n  --brandDarkBlue-300: #9095b2;\r\n  --brandDarkBlue-400: #464f7f;\r\n  --brandDarkBlue-500: #212c65;\r\n  --brandDarkBlue-600: #1e285c;\r\n  --brandDarkBlue-700: #1c2554;\r\n  --brandDarkBlue-800: #161d43;\r\n  --brandDarkBlue-900: #0b0f22;\r\n  --brandDarkBlue-950: #070914;\r\n\r\n  /* brand red color palette */\r\n  --brandRed-25: #fffbfa;\r\n  --brandRed-50: #fef1f2;\r\n  --brandRed-100: #fde3e5;\r\n  --brandRed-200: #f9b4ba;\r\n  --brandRed-300: #f68e98;\r\n  --brandRed-400: #f36976;\r\n  --brandRed-500: #e21b2e;\r\n  --brandRed-600: #cc1a2a;\r\n  --brandRed-700: #b51726;\r\n  --brandRed-800: #8c121d;\r\n  --brandRed-900: #680d16;\r\n  --brandRed-950: #3f080d;\r\n\r\n  /* warning color palette */\r\n  --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  /* 0% opacity */\r\n  /* White */\r\n  --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n  /* Gray */\r\n  --gray25-opacity0: rgba(249, 250, 251, 0);\r\n  --gray900-opacity0: rgba(18, 25, 38, 0);\r\n  --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n  /* 20% opacity */\r\n  /* White */\r\n  --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n  /* Dark Blue */\r\n  --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n  --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n  /* Gray */\r\n  --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n  --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n  --gray950-opacity20: rgba(13, 18, 28, 0.2);\r\n\r\n  /* 30% opacity */\r\n  --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n  --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n  /* 40% opacity */\r\n  --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n  --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n  /* 50% opacity */\r\n  /* White */\r\n  --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n  /* Gray */\r\n  --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n  --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n  --gray950-opacity50: rgba(13, 18, 28, 0.5);\r\n\r\n  /* ------------------------------------------Secondary Color------------------------------------------- */\r\n  /* blueLight color palete */\r\n  --lightBlue-25: #f5fbff;\r\n  --lightBlue-50: #f0f9ff;\r\n  --lightBlue-100: #e0f2fe;\r\n  --lightBlue-200: #b9e6fe;\r\n  --lightBlue-300: #7cd4fd;\r\n  --lightBlue-400: #7cd4fd;\r\n  --lightBlue-500: #0ba5ec;\r\n  --lightBlue-600: #0086c9;\r\n  --lightBlue-700: #026aa2;\r\n  --lightBlue-800: #065986;\r\n  --lightBlue-900: #0b4a6f;\r\n  --lightBlue-950: #062c41;\r\n\r\n  /* blue color palette */\r\n  --blue-25: #ecf5fe;\r\n  --blue-50: #e4f0fc;\r\n  --blue-100: #c8e0f9;\r\n  --blue-200: #9ac7f4;\r\n  --blue-300: #6aa9e7;\r\n  --blue-400: #378fe6;\r\n  --blue-500: #075db2;\r\n  --blue-600: #064e94;\r\n  --blue-700: #053e77;\r\n  --blue-800: #042f59;\r\n  --blue-900: #022445;\r\n  --blue-950: #021d37;\r\n\r\n  /* Purple color palete */\r\n  --purple-25: #fafaff;\r\n  --purple-50: #f4f3ff;\r\n  --purple-100: #ebe9fe;\r\n  --purple-200: #d9d6fe;\r\n  --purple-300: #bdb4fe;\r\n  --purple-400: #9b8afb;\r\n  --purple-500: #7a5af8;\r\n  --purple-600: #6938ef;\r\n  --purple-700: #5925dc;\r\n  --purple-800: #4a1fb8;\r\n  --purple-900: #3e1c96;\r\n  --purple-950: #27115f;\r\n\r\n  /* pink color palette */\r\n  --pink-25: #fef6fb;\r\n  --pink-50: #fdf2fa;\r\n  --pink-100: #fce7f6;\r\n  --pink-200: #fcceee;\r\n  --pink-300: #faa7e0;\r\n  --pink-400: #f670c7;\r\n  --pink-500: #ee46bc;\r\n  --pink-600: #dd2590;\r\n  --pink-700: #c11574;\r\n  --pink-800: #9e165f;\r\n  --pink-900: #851651;\r\n  --pink-950: #4e0d30;\r\n\r\n  /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n  /* -----------Text Color----------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-text-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-inverse: var(--base-black);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-subtle: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-subtle: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-bold: var(--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  [data-theme='dark'] {\r\n    --color-text-warning: var(--warning-300);\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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-subtle: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-subtle: var(--blue-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-subtle: var(--purple-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-subtle: var(--purple-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-subtle: var(--pink-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-subtle: var(--pink-400);\r\n  }\r\n\r\n  /* --------------Link color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-link: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-visited: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-visited: var(--lightBlue-300);\r\n  }\r\n\r\n  /* --------------Icon color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink: var(--pink-300);\r\n  }\r\n\r\n  /* ----------------Border Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-border-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtle: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtler: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-disabled: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-input: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-input: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-focus: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-focus: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  /* Emmanuel Kadiri starts from background color */\r\n\r\n  /* ----------------Background Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card-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-btn-disabled: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-btn-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-hover: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-hover: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtle: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtler: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtlest: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtlest: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtlest: var(--brandRed-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtlest: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-bold: var(--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  /* ----------------Blanket Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-blanket: var(--darkBlue500-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket: var(--darkBlue200-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n  }\r\n\r\n  /* ----------------Skeleton Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-skeleton: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton: var(--gray-800);\r\n  }\r\n\r\n    [data-theme='light'] {\r\n    --color-skeleton-bold: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton-bold: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Surface Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-bold: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-hovered: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-hovered: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-pressed: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-pressed: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Transparent Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-transparent50: var(--white-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent50: var(--gray900-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent20: var(--white-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent20: var(--gray900-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent-full: var(--white-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent-full: var(--gray900-opacity0);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent-full: var(--gray950-opacity0);\r\n  }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root {\r\n  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\r\n  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n  --blur-sm: blur(4px);\r\n  --blur-md: blur(8px);\r\n  --blur-lg: blur(12px);\r\n  --blur-xl: blur(20px);\r\n}\r\n\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/* -----------------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: 2rem;\r\n  --font-line-height-t-lg: 1.875rem;\r\n  --font-line-height-t-md: 1.688rem;\r\n  --font-line-height-t-sm: 1.5rem;\r\n  --font-line-height-t-xs: 1.25rem;\r\n  --font-line-height-t-xxs: 1.125rem;\r\n\r\n  /* Letter Spacings */\r\n  --font-letter-spacing-d-2xl: -0.09rem;\r\n  --font-letter-spacing-d-xl: -0.075rem;\r\n  --font-letter-spacing-d-lg: -0.075rem;\r\n  --font-letter-spacing-d-md: -0.045rem;\r\n  --font-letter-spacing-d-sm: 0;\r\n  --font-letter-spacing-d-xs: 0;\r\n  --font-letter-spacing-d-xxs: 0;\r\n\r\n  /* Font Families */\r\n  --font-family-title: 'Sora';\r\n  --font-family-body: 'Sora';\r\n}\r\n\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/* Button slot styles */\r\n/* .slotted_button_text.primary {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n  color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n  color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n  color: var(--color-text-danger, #b51726) !important;\r\n} */\r\n\r\n.table_header_div {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  padding: var(--spacing-5) var(--spacing-6);\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: var(--spacing-5);\r\n  align-self: stretch;\r\n  border-bottom: 1px solid var(--color-border-subtle, #cdd5df);\r\n}\r\n\r\n.table_heading {\r\n  color: var(--color-text-bold);\r\n}\r\n\r\n.date_filters {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n  flex: 1 0 0;\r\n  min-width: 0;\r\n}\r\n\r\n.date_dropdown,\r\n.date_input {\r\n  width: 100%;\r\n  max-width: 13rem;\r\n  min-width: 0;\r\n}\r\n\r\n.actions {\r\n  display: flex;\r\n  max-width: 50.25rem;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n  flex: 1 0 0;\r\n}\r\n\r\n.actions.full_width {\r\n  max-width: none;\r\n}\r\n\r\n.input_field {\r\n  flex-grow: 1;\r\n  width: 100%;\r\n  max-width: 20rem;\r\n}\r\n\r\n.action {\r\n  display: flex;\r\n  padding: 0rem 0rem 0rem var(--spacing-none);\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n}\r\n\r\n.export {\r\n  position: relative;\r\n}\r\n\r\n.dropdown {\r\n  position: absolute;\r\n}\r\n\r\n.dropdown.left{\r\n  top: 100%;\r\n  left: 0;\r\n}\r\n\r\n.dropdown.right{\r\n  top: 100%;\r\n  right: 0;\r\n}\r\n\r\n.refresh_button {\r\n  width: 2.5rem;\r\n}\r\n\r\n/* Breakpoints (Responsiveness) */\r\n/* Mobile */\r\n@media (max-width: 700px) {\r\n  .table_header_content {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .dropdown {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n  }\r\n\r\n  .actions {\r\n    flex-direction: column;\r\n    width: 100%;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n  .date_filters {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n\r\n  .date_dropdown,\r\n  .date_input {\r\n    width: 100%;\r\n    max-width: none;\r\n  }\r\n}\r\n";
+const gbTableHeaderCss = "/* @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  /* gray color palette  */\r\n  --gray-25: #f9fafb;\r\n  --gray-50: #f6f8fa;\r\n  --gray-100: #eef2f6;\r\n  --gray-200: #e3e8ef;\r\n  --gray-300: #cdd5df;\r\n  --gray-400: #808c9e;\r\n  --gray-500: #697586;\r\n  --gray-600: #4b5565;\r\n  --gray-700: #364152;\r\n  --gray-800: #202939;\r\n  --gray-900: #121926;\r\n  --gray-950: #0d121c;\r\n\r\n  /* brand dark blue color palette */\r\n  --brandDarkBlue-25: #f9f9fb;\r\n  --brandDarkBlue-50: #edeef3;\r\n  --brandDarkBlue-100: #d3d5e0;\r\n  --brandDarkBlue-200: #b5b9cc;\r\n  --brandDarkBlue-300: #9095b2;\r\n  --brandDarkBlue-400: #464f7f;\r\n  --brandDarkBlue-500: #212c65;\r\n  --brandDarkBlue-600: #1e285c;\r\n  --brandDarkBlue-700: #1c2554;\r\n  --brandDarkBlue-800: #161d43;\r\n  --brandDarkBlue-900: #0b0f22;\r\n  --brandDarkBlue-950: #070914;\r\n\r\n  /* brand red color palette */\r\n  --brandRed-25: #fffbfa;\r\n  --brandRed-50: #fef1f2;\r\n  --brandRed-100: #fde3e5;\r\n  --brandRed-200: #f9b4ba;\r\n  --brandRed-300: #f68e98;\r\n  --brandRed-400: #f36976;\r\n  --brandRed-500: #e21b2e;\r\n  --brandRed-600: #cc1a2a;\r\n  --brandRed-700: #b51726;\r\n  --brandRed-800: #8c121d;\r\n  --brandRed-900: #680d16;\r\n  --brandRed-950: #3f080d;\r\n\r\n  /* warning color palette */\r\n  --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  /* 0% opacity */\r\n  /* White */\r\n  --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n  /* Gray */\r\n  --gray25-opacity0: rgba(249, 250, 251, 0);\r\n  --gray900-opacity0: rgba(18, 25, 38, 0);\r\n  --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n  /* 20% opacity */\r\n  /* White */\r\n  --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n  /* Dark Blue */\r\n  --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n  --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n  /* Gray */\r\n  --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n  --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n  --gray950-opacity20: rgba(13, 18, 28, 0.2);\r\n\r\n  /* 30% opacity */\r\n  --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n  --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n  /* 40% opacity */\r\n  --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n  --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n  /* 50% opacity */\r\n  /* White */\r\n  --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n  /* Gray */\r\n  --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n  --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n  --gray950-opacity50: rgba(13, 18, 28, 0.5);\r\n\r\n  /* ------------------------------------------Secondary Color------------------------------------------- */\r\n  /* blueLight color palete */\r\n  --lightBlue-25: #f5fbff;\r\n  --lightBlue-50: #f0f9ff;\r\n  --lightBlue-100: #e0f2fe;\r\n  --lightBlue-200: #b9e6fe;\r\n  --lightBlue-300: #7cd4fd;\r\n  --lightBlue-400: #7cd4fd;\r\n  --lightBlue-500: #0ba5ec;\r\n  --lightBlue-600: #0086c9;\r\n  --lightBlue-700: #026aa2;\r\n  --lightBlue-800: #065986;\r\n  --lightBlue-900: #0b4a6f;\r\n  --lightBlue-950: #062c41;\r\n\r\n  /* blue color palette */\r\n  --blue-25: #ecf5fe;\r\n  --blue-50: #e4f0fc;\r\n  --blue-100: #c8e0f9;\r\n  --blue-200: #9ac7f4;\r\n  --blue-300: #6aa9e7;\r\n  --blue-400: #378fe6;\r\n  --blue-500: #075db2;\r\n  --blue-600: #064e94;\r\n  --blue-700: #053e77;\r\n  --blue-800: #042f59;\r\n  --blue-900: #022445;\r\n  --blue-950: #021d37;\r\n\r\n  /* Purple color palete */\r\n  --purple-25: #fafaff;\r\n  --purple-50: #f4f3ff;\r\n  --purple-100: #ebe9fe;\r\n  --purple-200: #d9d6fe;\r\n  --purple-300: #bdb4fe;\r\n  --purple-400: #9b8afb;\r\n  --purple-500: #7a5af8;\r\n  --purple-600: #6938ef;\r\n  --purple-700: #5925dc;\r\n  --purple-800: #4a1fb8;\r\n  --purple-900: #3e1c96;\r\n  --purple-950: #27115f;\r\n\r\n  /* pink color palette */\r\n  --pink-25: #fef6fb;\r\n  --pink-50: #fdf2fa;\r\n  --pink-100: #fce7f6;\r\n  --pink-200: #fcceee;\r\n  --pink-300: #faa7e0;\r\n  --pink-400: #f670c7;\r\n  --pink-500: #ee46bc;\r\n  --pink-600: #dd2590;\r\n  --pink-700: #c11574;\r\n  --pink-800: #9e165f;\r\n  --pink-900: #851651;\r\n  --pink-950: #4e0d30;\r\n\r\n  /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n  /* -----------Text Color----------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-text-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-inverse: var(--base-black);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-subtle: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-subtle: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-bold: var(--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  [data-theme='dark'] {\r\n    --color-text-warning: var(--warning-300);\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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-subtle: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-subtle: var(--blue-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-subtle: var(--purple-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-subtle: var(--purple-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-subtle: var(--pink-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-subtle: var(--pink-400);\r\n  }\r\n\r\n  /* --------------Link color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-link: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-visited: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-visited: var(--lightBlue-300);\r\n  }\r\n\r\n  /* --------------Icon color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink: var(--pink-300);\r\n  }\r\n\r\n  /* ----------------Border Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-border-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtle: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtler: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-disabled: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-input: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-input: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-focus: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-focus: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  /* Emmanuel Kadiri starts from background color */\r\n\r\n  /* ----------------Background Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card-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-btn-disabled: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-btn-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-hover: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-hover: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtle: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtler: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtlest: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtlest: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtlest: var(--brandRed-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtlest: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-bold: var(--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  /* ----------------Blanket Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-blanket: var(--darkBlue500-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket: var(--darkBlue200-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n  }\r\n\r\n  /* ----------------Skeleton Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-skeleton: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton: var(--gray-800);\r\n  }\r\n\r\n    [data-theme='light'] {\r\n    --color-skeleton-bold: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton-bold: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Surface Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-bold: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-hovered: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-hovered: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-pressed: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-pressed: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Transparent Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-transparent50: var(--white-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent50: var(--gray900-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent20: var(--white-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent20: var(--gray900-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent-full: var(--white-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent-full: var(--gray900-opacity0);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent-full: var(--gray950-opacity0);\r\n  }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root {\r\n  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\r\n  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n  --blur-sm: blur(4px);\r\n  --blur-md: blur(8px);\r\n  --blur-lg: blur(12px);\r\n  --blur-xl: blur(20px);\r\n}\r\n\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/* -----------------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: 2rem;\r\n  --font-line-height-t-lg: 1.875rem;\r\n  --font-line-height-t-md: 1.688rem;\r\n  --font-line-height-t-sm: 1.5rem;\r\n  --font-line-height-t-xs: 1.25rem;\r\n  --font-line-height-t-xxs: 1.125rem;\r\n\r\n  /* Letter Spacings */\r\n  --font-letter-spacing-d-2xl: -0.09rem;\r\n  --font-letter-spacing-d-xl: -0.075rem;\r\n  --font-letter-spacing-d-lg: -0.075rem;\r\n  --font-letter-spacing-d-md: -0.045rem;\r\n  --font-letter-spacing-d-sm: 0;\r\n  --font-letter-spacing-d-xs: 0;\r\n  --font-letter-spacing-d-xxs: 0;\r\n\r\n  /* Font Families */\r\n  --font-family-title: 'Sora';\r\n  --font-family-body: 'Sora';\r\n}\r\n\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/* Button slot styles */\r\n/* .slotted_button_text.primary {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n  color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n  color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n  color: var(--color-text-danger, #b51726) !important;\r\n} */\r\n\r\n.table_header_div {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  padding: var(--spacing-5) var(--spacing-6);\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: var(--spacing-5);\r\n  align-self: stretch;\r\n  background: var(--color-background-card);\r\n  border-bottom: 1px solid var(--color-border-subtle, #cdd5df);\r\n}\r\n\r\n.table_heading {\r\n  color: var(--color-text-bold);\r\n}\r\n\r\n.date_filters {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n  flex: 1 0 0;\r\n  min-width: 0;\r\n}\r\n\r\n.date_dropdown,\r\n.date_input {\r\n  width: 100%;\r\n  max-width: 13rem;\r\n  min-width: 0;\r\n}\r\n\r\n.actions {\r\n  display: flex;\r\n  max-width: 50.25rem;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n  flex: 1 0 0;\r\n}\r\n\r\n.actions.full_width {\r\n  max-width: none;\r\n}\r\n\r\n.input_field {\r\n  flex-grow: 1;\r\n  width: 100%;\r\n  max-width: 20rem;\r\n}\r\n\r\n.action {\r\n  display: flex;\r\n  padding: 0rem 0rem 0rem var(--spacing-none);\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n}\r\n\r\n.export {\r\n  position: relative;\r\n}\r\n\r\n.dropdown {\r\n  position: absolute;\r\n}\r\n\r\n.dropdown.left{\r\n  top: 100%;\r\n  left: 0;\r\n}\r\n\r\n.dropdown.right{\r\n  top: 100%;\r\n  right: 0;\r\n}\r\n\r\n.refresh_button {\r\n  width: 2.5rem;\r\n}\r\n\r\n/* Breakpoints (Responsiveness) */\r\n/* Mobile */\r\n@media (max-width: 700px) {\r\n  .table_header_content {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .dropdown {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n  }\r\n\r\n  .actions {\r\n    flex-direction: column;\r\n    width: 100%;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n  .date_filters {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n\r\n  .date_dropdown,\r\n  .date_input {\r\n    width: 100%;\r\n    max-width: none;\r\n  }\r\n}\r\n";
 const GbTableHeader = class {
     constructor(hostRef) {
@@ -6821,7 +6823,7 @@ const GbTableHeader = class {
         document.removeEventListener('click', this.handleClickOutside);
     }
     render() {
-        return (h("div", { key: '2000d7fe6a10f08e41aad326c7c620421c475f5e', class: "table_header_div" }, this.tableHeading && h("p", { key: '58bbc4548b6c09bd8ff0c780ecb70a30b460f400', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: 'b714e27f7e672ac970a1274fc1db0a8eb9f1d9a1', class: "date_filters" }, h("div", { key: '2b4317fc0bee639fe031cd429c4c5c994ad58a47', class: "date_dropdown" }, h("gb-input-dropdown", { key: '32c1217768916800cf09e553a039c7e11a93fbfc', "show-placeholder": "true", placeholder: "Select a period", size: "sm", state: "default", type: "icon_leading", color: "blue", "show-leading-icon": "true", "leading-icon": "assets/calendar-02.svg", "menu-position": "bottom", icon: "false", items: this.dateItems, onDropdownItemSelected: this.extractDropdownItemSelected.bind(this) }, h("h1", { key: '3d4900ae3326d78b714fabb89c7c1d5c166e75ed', slot: "initials" }, "EK"), h("p", { key: '54f97579899fe77cc786ee5cfdf92c549da59dd2', slot: "tooltip_label" }, "This is a label"), h("p", { key: 'b35eca5b8a12dada8cc94479411344f4ff0bf425', slot: "tooltip_supporting_text" }, "This is a supporting text for the tooltip"))), this.isDatePickerShown && (h("div", { key: 'b8cd09bbffc047a6700e2848dbb7a994cb9a5ded', class: "date_input" }, h("gb-date-picker", { key: 'ef99bf8fd78a30481c0ebeabaac12cbfac81cad0', mode: this.mode, placeholder: this.datePickerPlaceholder, onDateChange: this.emitDateSelected.bind(this) }))))), h("div", { key: '033586a1341236bb40389dfbfc388ef1980af7de', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '5cb53352275eeef3e77a890530a369d4a505fc67', class: "input_field" }, h("gb-input-field", { key: '2f8d6d2e7e51d2bc8b6c6df140f55721d4042f1c', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '5ecf8fe8916836c4058e21afbc77f8e222e419cc', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '5db3582edc83e48afa58a39b1dfe6bcfcdb14d02', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'cc2359555520c36a3d64948182908fcb8b43cfe7', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '96390f6eeb12dd39aca47c971849da3f3103f6a9' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '3d88931cb8ddd4dca7c35e512dcc752cdf6a0d41', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '97b13d1bcd9e3f3dcc044f9be86e1598680c09e0', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'd3508a5a5986e05a0e1802e2547c9c237ec2f7d7', class: "export" }, h("gb-button", { key: 'c1b744005b8973a583b9745146c7d5680d634f0d', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: '9e15a99634a4569a03f567bfa29adfc07cefb35c' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: 'eb028b8ab398848e5cbef9725d83b200f87deed6', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: () => this.emitSelection.bind(this), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: 'b9ac6d908e2e435e423dace8037a8d72bc12a20a', class: "refresh_button" }, h("gb-button", { key: 'c42ac514089f563efccc6a649b78249499d3a2e7', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
+        return (h("div", { key: 'fbf6004cd9fa0fb990b03ed01c026c865389fc34', class: "table_header_div" }, this.tableHeading && h("p", { key: 'd8c46ece174dc0e48b3dc62eba42d57a54c280e3', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: '034dde884ce6777e263f427da2968ed2a0bd4ff0', class: "date_filters" }, h("div", { key: '8be4b6705a70f367c3c69be2fa6c21b9a6f76629', class: "date_dropdown" }, h("gb-input-dropdown", { key: '9ac1f6adb4429b4806f25a2004db923ff0252e8c', "show-placeholder": "true", placeholder: "Select a period", size: "sm", state: "default", type: "icon_leading", color: "blue", "show-leading-icon": "true", "leading-icon": "assets/calendar-02.svg", "menu-position": "bottom", icon: "false", items: this.dateItems, onDropdownItemSelected: this.extractDropdownItemSelected.bind(this) }, h("h1", { key: '1d7daf69ca969f9cd43a79fbb4f2e0441ed4fdb9', slot: "initials" }, "EK"), h("p", { key: 'dc9a8a3acf0555c2e0ed962e5b77135c3e9042b8', slot: "tooltip_label" }, "This is a label"), h("p", { key: '5fe7288f2ab75356c091d3b404d1d03d7ed2dadc', slot: "tooltip_supporting_text" }, "This is a supporting text for the tooltip"))), this.isDatePickerShown && (h("div", { key: '727dceb83f2f64cd4cdc40a293b57b1f45370628', class: "date_input" }, h("gb-date-picker", { key: 'b7a7e0a6325bc4c0152258db313b8efccc6a427c', mode: this.mode, placeholder: this.datePickerPlaceholder, onDateChange: this.emitDateSelected.bind(this) }))))), h("div", { key: 'c0c859ae7b062ef3c7d3cb66ca75d10fdfa90f71', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '72ea3454cd6afeb121c96fc082386c9fbc227cce', class: "input_field" }, h("gb-input-field", { key: '9b9e71df6b6dd238969b4e590453ed40dd1b9721', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'abbdab8ee44e1175f8272a4bc9220ca2f0744edb', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '9fa8188cd30dc244e689aef022625a6118e19b5c', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'bdefb0cf7ac887c46e78e019d3a13c8e71050f2f', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '5766af6677d59b61488da86c0ca3c5f83aa92c43' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '613dbcec30dd8f54865144d80064dcd374fc0cdc', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'f3bd224ce1370beb3b7754b0c67440f13ff1b923', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'a3944712d25166c43d5b6de5214182e117e93e92', class: "export" }, h("gb-button", { key: '0202af0c212fec9e6f44c7d69d53cdbfffb0c6ad', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: 'f3ad8197bda0539033259c73b51f99d9d53e054b' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '77acceaf45116382bfe516b9a22a724d6576c5b3', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: () => this.emitSelection.bind(this), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: 'b01d556e99ea292ef38269ad60d33779df27774a', class: "refresh_button" }, h("gb-button", { key: '60a615490a420a9c193ba6a59848d63b1b30d8d9', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
     }
     get el() { return getElement(this); }
 };
@@ -6856,7 +6858,7 @@ const GbTag = class {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '93fe84c71bf4a3e0b032d263911bbd68c02ddf16', class: `container ${this.size} ${this.action}` }, h("div", { key: '397677c6199716b146d99737a11632622bbe963b', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '97cc82045d842bf0e7789d429c8e2e4f370df8cf', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '34910bf5c77dcdca431438c1429c2fc7b85f70eb', class: "icon left-icon" }, h("img", { key: '893d4f94b743b37e87309c0b6d8cff8b3b393542', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'c21dc633e8fef3af1b07ecdcee14997ce4e5b0f0', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: '2c3c04b4d51ae0bf865eb62a40479334d5639a04', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '7a2902de6e53c78b79aef805822fd892cf0f6846', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'baf91a6fc95e86682d5dbc7fdcd6259ab56fad4f', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'c21e12c19281fd1094809e20ef94436d51f99184', class: "label" }, h("slot", { key: 'ebec8eedc3bf9b3871f954a38d10b2b090ee9f29' })), this.action === 'count' && (h("gb-tag-count", { key: 'a066ed1e8a4eb1aaefa1c5c08497ed59fafa4441', size: this.size }, h("slot", { key: '2032e3cf4a2cc1cda7fa3d1f772db7e42541b82d', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'dc10014dfada755d66422c93a3e622c6a16301a5', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '7f19ec955197b582892116988e0ee3189b2e13bb', class: `container ${this.size} ${this.action}` }, h("div", { key: '1453ead248396719eed69c12dffa6203f6f9b4cd', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '60a1d28d8aff864710ffa15ffdbcc277a152845e', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '109a29cd267d3b83893027b23b473af15d9e259b', class: "icon left-icon" }, h("img", { key: '1526c2ad49ce30010717eff0bca41611e9ea39bb', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '5dcdd4bef1b7a04ce5ec58be4eb3d64eaa826bd5', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'cf49692f75e3aaaf04f7e876ddc4cb722d6accb0', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '6df13f97dd506e8117795547a4ffb337989e9809', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '8e704f1503bcfaaa652eede89d206c58eac55573', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '2f6461dfbe8e8019e3ff7daacb5a3bf40b830a73', class: "label" }, h("slot", { key: 'd10b0f98f945ee66851561f93f1d621b6296c6dc' })), this.action === 'count' && (h("gb-tag-count", { key: '3a8f381ab942e2be03c4b81feb005b74fdef0f2b', size: this.size }, h("slot", { key: 'b465f224df20142432b795fa7cd1f6591d5dc8c5', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'd4c9116b5b9b3a09fb40511d2e0f6c2b537a738a', size: this.size, onClick: () => this.onTagClose() })));
     }
     get el() { return getElement(this); }
 };
@@ -6873,7 +6875,7 @@ const GbTagCheckbox = class {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: 'd5c9cd11688bf63cdb6858f499833639b8c9f6ca', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'e49a409b2e139c71405e885b1fe47743c11652ff', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '1fc9d7dd479aaf9772cdc348e70d6d460158b0ac', class: `custom-checkbox ${this.size}` }, h("svg", { key: '8e35a2f2061e95ead351d9e7cedb7818041887b4', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '1e5ca892a3173416b78aab35138fba524eef3643', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: '8f66b90bc922149ff072c5908ea3b006447d0cda', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '55b83fc0acb70c356ee1dcff76c801d68aada0c9', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'cdefadf6bb6c47c4aed408561d56205d37e97946', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'f9caf75655978cb681f3e6b0b92b092cd618b17f', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '55c2fcd46ff634c8e953992632ad3dca78933639', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
 };
 GbTagCheckbox.style = gbTagCheckboxCss;
@@ -6885,7 +6887,7 @@ const GbTagClose = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '60a668c844b5ac574e23172dba1bac7c034ff3e4', class: this.size }, h("svg", { key: '047656b12dac56c6bd82490d447037b145d67366', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'ca8b62afbe03fa9d428ad6a7c30256571b4d272e', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: '250592620c0e21ff4fd7179774112f1314a566d2', class: this.size }, h("svg", { key: '9970e2dcf6bdb5553b9c047c3ce5d765beea37ce', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '4729b3ea19676042c0557bc8830006044b152bfe', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
 };
 GbTagClose.style = gbTagCloseCss;
@@ -6897,7 +6899,7 @@ const GbTagCount = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '7ea81df86a16f6801afaee8bb8256a463b52b7ba', class: this.size }, h("slot", { key: '603a1beadbc83c1e570213653b93af77850005a1', name: "count" })));
+        return (h("div", { key: '831bff46dc4dfcaaa128d8a646f316e7917431c0', class: this.size }, h("slot", { key: '2bb9433e5377903949872356c3ccf2d176982b21', name: "count" })));
     }
 };
 GbTagCount.style = gbTagCountCss;
@@ -7109,12 +7111,12 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (h("div", { key: '970d52953e1e588e10bfb1fb384c1785ce53b401', class: "textarea_container" }, h("div", { key: '00fa4c6c7c83873c192d8508b791d585d6a3b163', class: "input_with_label" }, this.showLabel && h("p", { key: 'be1b91a614d3031d1f20bc3a23177086d2a4ac51', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '7b6c2df16e00ab4d0f862ea894c12bb6e4e6f9f3', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: 'ef286404fedc4cd7fc6145d9ccb4b99db24ed0d0', class: "textarea_tags" }, h("div", { key: 'df7fb3fc7d0fcc3acc16838d5990357f9ead2df4', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '59623564880cbf902fd3eaf7b47dea21aed1798e', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: '160c369daf0d98ac5230bcea54ec97ac41817d16', class: "textarea_container" }, h("div", { key: 'f214d68dd8080e6f1e94871b98e1e5547a65a202', class: "input_with_label" }, this.showLabel && h("p", { key: '7378e12b9b54826e5d4590f724ba55456db1bfff', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'c6347561a838e0712444858575428072aa025a9b', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '61cc4a82593e5498d7e27c1f3f2765ea0b4e2836', class: "textarea_tags" }, h("div", { key: 'bdc37022c2a64a301a66d20575b6d221f2186376', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'f74761c804a693f6020bd4c9129a80859c68f71d', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: 'bd1cb144f92d850af0768e80de3d92a5f616db91', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '8dc8423999e1a8222f654dff893448d7fddb483c', class: "input_field" }, h("input", { key: '49fcc5169164910cd9d2c11b1f84ff88406cf347', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: 'ed0ba6c9fdcb1244971ef943cbce2515d5eb443d', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '6bf5b03f44495ea3fbb63d7ec967da9f5d9667aa', class: "input_field" }, h("input", { key: '556dde8d2c64da4468df3b326b286e845298e014', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '4bbd6109a61acf800cb68cd1d21dac2aa604160e', class: "help_icon" }, h("svg", { key: 'cdd456db6bd943e456c562a1aaf1d4b90a7599ee', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '15583de99a94bc1b6f24ba0f626f947af181870a', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: 'c62f0cc7a263cb960313a64efbe21cecd7951c4c', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '066349aab6719f033b9c622634884a1f96790699', class: "help_icon" }, h("svg", { key: '6af5dcbd374d87362865ff3cf9d8a3b8140cc85d', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '76a10536afc418e4911650c83e04441144f46c8b', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '9ddf99907a99a3f249ec608f3cb836bc66804524', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
             : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }
@@ -7148,26 +7150,28 @@ const GbThemeTab = class {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: 'c086c0b8385965a38a12651bcf34d338829aa5ec', class: `theme_tab_div` }, h("div", { key: 'cfd752425fefad643be9d124a06fda01f7f42595', class: "tab" }, h("gb-icon-button-base", { key: '6e17d381192de9d7e8458b946d515a4198853f1e', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '154f97a65b291c0f2ff28431620e827d6a3dc64d', class: "tab" }, h("gb-icon-button-base", { key: '3fad008fef052431779f4617df2c555fed1c1699', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '3bb909c37c7cf2cbe49cec348afa399c6dcb3719', class: "tab" }, h("gb-icon-button-base", { key: 'cf0c096b279d8b29aee3707090f3a5c28eec9956', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '06b53ee6501f727f00204c8c4cc4565bf9d1ebe0', class: `theme_tab_div` }, h("div", { key: '1d104d0671f3436f760d6a7d27c053fe47866710', class: "tab" }, h("gb-icon-button-base", { key: 'a582293cfd26f68c2664c7b9d9708b435ee5e766', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '84fbb1aee86570177964c25b30f4059bad1c7468', class: "tab" }, h("gb-icon-button-base", { key: 'aa05df163799c6a1866379384e08ae8f9c096ed8', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '24548927653ec0541610b314f7e48fdca1c9ef0c', class: "tab" }, h("gb-icon-button-base", { key: 'b146dcfa97184702713828f1efdb38f0151a8b16', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     get el() { return getElement(this); }
 };
 GbThemeTab.style = gbThemeTabCss;
-const gbToastCss = "/* @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  /* gray color palette  */\r\n  --gray-25: #f9fafb;\r\n  --gray-50: #f6f8fa;\r\n  --gray-100: #eef2f6;\r\n  --gray-200: #e3e8ef;\r\n  --gray-300: #cdd5df;\r\n  --gray-400: #808c9e;\r\n  --gray-500: #697586;\r\n  --gray-600: #4b5565;\r\n  --gray-700: #364152;\r\n  --gray-800: #202939;\r\n  --gray-900: #121926;\r\n  --gray-950: #0d121c;\r\n\r\n  /* brand dark blue color palette */\r\n  --brandDarkBlue-25: #f9f9fb;\r\n  --brandDarkBlue-50: #edeef3;\r\n  --brandDarkBlue-100: #d3d5e0;\r\n  --brandDarkBlue-200: #b5b9cc;\r\n  --brandDarkBlue-300: #9095b2;\r\n  --brandDarkBlue-400: #464f7f;\r\n  --brandDarkBlue-500: #212c65;\r\n  --brandDarkBlue-600: #1e285c;\r\n  --brandDarkBlue-700: #1c2554;\r\n  --brandDarkBlue-800: #161d43;\r\n  --brandDarkBlue-900: #0b0f22;\r\n  --brandDarkBlue-950: #070914;\r\n\r\n  /* brand red color palette */\r\n  --brandRed-25: #fffbfa;\r\n  --brandRed-50: #fef1f2;\r\n  --brandRed-100: #fde3e5;\r\n  --brandRed-200: #f9b4ba;\r\n  --brandRed-300: #f68e98;\r\n  --brandRed-400: #f36976;\r\n  --brandRed-500: #e21b2e;\r\n  --brandRed-600: #cc1a2a;\r\n  --brandRed-700: #b51726;\r\n  --brandRed-800: #8c121d;\r\n  --brandRed-900: #680d16;\r\n  --brandRed-950: #3f080d;\r\n\r\n  /* warning color palette */\r\n  --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  /* 0% opacity */\r\n  /* White */\r\n  --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n  /* Gray */\r\n  --gray25-opacity0: rgba(249, 250, 251, 0);\r\n  --gray900-opacity0: rgba(18, 25, 38, 0);\r\n  --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n  /* 20% opacity */\r\n  /* White */\r\n  --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n  /* Dark Blue */\r\n  --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n  --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n  /* Gray */\r\n  --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n  --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n  --gray950-opacity20: rgba(13, 18, 28, 0.2);\r\n\r\n  /* 30% opacity */\r\n  --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n  --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n  /* 40% opacity */\r\n  --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n  --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n  /* 50% opacity */\r\n  /* White */\r\n  --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n  /* Gray */\r\n  --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n  --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n  --gray950-opacity50: rgba(13, 18, 28, 0.5);\r\n\r\n  /* ------------------------------------------Secondary Color------------------------------------------- */\r\n  /* blueLight color palete */\r\n  --lightBlue-25: #f5fbff;\r\n  --lightBlue-50: #f0f9ff;\r\n  --lightBlue-100: #e0f2fe;\r\n  --lightBlue-200: #b9e6fe;\r\n  --lightBlue-300: #7cd4fd;\r\n  --lightBlue-400: #7cd4fd;\r\n  --lightBlue-500: #0ba5ec;\r\n  --lightBlue-600: #0086c9;\r\n  --lightBlue-700: #026aa2;\r\n  --lightBlue-800: #065986;\r\n  --lightBlue-900: #0b4a6f;\r\n  --lightBlue-950: #062c41;\r\n\r\n  /* blue color palette */\r\n  --blue-25: #ecf5fe;\r\n  --blue-50: #e4f0fc;\r\n  --blue-100: #c8e0f9;\r\n  --blue-200: #9ac7f4;\r\n  --blue-300: #6aa9e7;\r\n  --blue-400: #378fe6;\r\n  --blue-500: #075db2;\r\n  --blue-600: #064e94;\r\n  --blue-700: #053e77;\r\n  --blue-800: #042f59;\r\n  --blue-900: #022445;\r\n  --blue-950: #021d37;\r\n\r\n  /* Purple color palete */\r\n  --purple-25: #fafaff;\r\n  --purple-50: #f4f3ff;\r\n  --purple-100: #ebe9fe;\r\n  --purple-200: #d9d6fe;\r\n  --purple-300: #bdb4fe;\r\n  --purple-400: #9b8afb;\r\n  --purple-500: #7a5af8;\r\n  --purple-600: #6938ef;\r\n  --purple-700: #5925dc;\r\n  --purple-800: #4a1fb8;\r\n  --purple-900: #3e1c96;\r\n  --purple-950: #27115f;\r\n\r\n  /* pink color palette */\r\n  --pink-25: #fef6fb;\r\n  --pink-50: #fdf2fa;\r\n  --pink-100: #fce7f6;\r\n  --pink-200: #fcceee;\r\n  --pink-300: #faa7e0;\r\n  --pink-400: #f670c7;\r\n  --pink-500: #ee46bc;\r\n  --pink-600: #dd2590;\r\n  --pink-700: #c11574;\r\n  --pink-800: #9e165f;\r\n  --pink-900: #851651;\r\n  --pink-950: #4e0d30;\r\n\r\n  /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n  /* -----------Text Color----------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-text-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-inverse: var(--base-black);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-subtle: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-subtle: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-bold: var(--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  [data-theme='dark'] {\r\n    --color-text-warning: var(--warning-300);\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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-subtle: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-subtle: var(--blue-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-subtle: var(--purple-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-subtle: var(--purple-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-subtle: var(--pink-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-subtle: var(--pink-400);\r\n  }\r\n\r\n  /* --------------Link color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-link: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-visited: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-visited: var(--lightBlue-300);\r\n  }\r\n\r\n  /* --------------Icon color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink: var(--pink-300);\r\n  }\r\n\r\n  /* ----------------Border Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-border-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtle: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtler: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-disabled: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-input: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-input: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-focus: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-focus: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  /* Emmanuel Kadiri starts from background color */\r\n\r\n  /* ----------------Background Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card-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-btn-disabled: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-btn-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-hover: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-hover: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtle: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtler: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtlest: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtlest: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtlest: var(--brandRed-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtlest: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-bold: var(--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  /* ----------------Blanket Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-blanket: var(--darkBlue500-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket: var(--darkBlue200-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n  }\r\n\r\n  /* ----------------Skeleton Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-skeleton: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton: var(--gray-800);\r\n  }\r\n\r\n    [data-theme='light'] {\r\n    --color-skeleton-bold: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton-bold: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Surface Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-bold: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-hovered: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-hovered: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-pressed: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-pressed: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Transparent Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-transparent50: var(--white-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent50: var(--gray900-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent20: var(--white-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent20: var(--gray900-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent-full: var(--white-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent-full: var(--gray900-opacity0);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent-full: var(--gray950-opacity0);\r\n  }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root {\r\n  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\r\n  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n  --blur-sm: blur(4px);\r\n  --blur-md: blur(8px);\r\n  --blur-lg: blur(12px);\r\n  --blur-xl: blur(20px);\r\n}\r\n\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/* -----------------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: 2rem;\r\n  --font-line-height-t-lg: 1.875rem;\r\n  --font-line-height-t-md: 1.688rem;\r\n  --font-line-height-t-sm: 1.5rem;\r\n  --font-line-height-t-xs: 1.25rem;\r\n  --font-line-height-t-xxs: 1.125rem;\r\n\r\n  /* Letter Spacings */\r\n  --font-letter-spacing-d-2xl: -0.09rem;\r\n  --font-letter-spacing-d-xl: -0.075rem;\r\n  --font-letter-spacing-d-lg: -0.075rem;\r\n  --font-letter-spacing-d-md: -0.045rem;\r\n  --font-letter-spacing-d-sm: 0;\r\n  --font-letter-spacing-d-xs: 0;\r\n  --font-letter-spacing-d-xxs: 0;\r\n\r\n  /* Font Families */\r\n  --font-family-title: 'Sora';\r\n  --font-family-body: 'Sora';\r\n}\r\n\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/* Button slot styles */\r\n/* .slotted_button_text.primary {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n  color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n  color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n  color: var(--color-text-danger, #b51726) !important;\r\n} */\r\n\r\n.toast_div{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-4);\r\n    position: relative;\r\n}\r\n\r\n/* Toast Size Styles */\r\n.toast_div.floating{\r\n    border-radius: var(--rounded-md);\r\n    box-shadow: var(--shadow-xs);\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.container.desktop{\r\n    display: flex;\r\n    padding: 0.75rem 2rem;\r\n    width: 100%;\r\n}\r\n\r\n.container.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    align-items: center;\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.full_width_content.desktop{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    flex: 1 0 0;\r\n}\r\n\r\n.full_width_content.mobile{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n}\r\n\r\n.inner_content.desktop{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-4);\r\n    flex-grow: 1;\r\n}\r\n\r\n.inner_content.mobile{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-4);\r\n    flex-grow: 1;\r\n}\r\n\r\n.icon_container{\r\n    width: fit-content;\r\n    display: flex;\r\n    align-self: stretch;\r\n}\r\n\r\n.content{\r\n    display: flex;\r\n    flex-grow: 1;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.content.floating{\r\n    flex-direction: column;\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.content.full_width{\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.content.actions{\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.text.floating{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n.text.full_width{\r\n    display: flex;\r\n    gap: 0.38rem;\r\n    align-items: center;\r\n}\r\n\r\n.text.mobile{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n\r\n.actions{\r\n    display: flex;\r\n    gap: var(--spacing-5);\r\n}\r\n\r\n.actions.floating{\r\n    display: flex;\r\n}\r\n\r\n.actions.full_width{\r\n    width: fit-content;\r\n}\r\n\r\n.actions.only_actions{\r\n    width: fit-content;\r\n}\r\n\r\n.actions.mobile{\r\n    margin-left: 2.8rem;\r\n}\r\n\r\n/* Toast Color Styles */\r\n.toast_div.floating.default{\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.toast_div.floating.gray{\r\n    border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n    background: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.toast_div.floating.information{\r\n    border: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n    background: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.toast_div.floating.error{\r\n    border: 1px solid var(--color-border-danger-subtle, #F9B4BA);\r\n    background: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\n.toast_div.floating.warning{\r\n    border: 1px solid var(--color-border-warning-subtle, #FEDF89);\r\n    background: var(--color-background-warning-subtlest, #FFFAEB);\r\n}\r\n\r\n.toast_div.floating.success{\r\n    border: 1px solid var(--color-border-success-subtle, #A9EFC5);\r\n    background: var(--color-background-success-subtlest, #ECFDF3);\r\n}\r\n\r\n.toast_div.full_width.default{\r\n    border-top: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    border-bottom: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.toast_div.full_width.gray{\r\n    border-top: 1px solid var(--color-border-subtle, #CDD5DF);\r\n    border-bottom: 1px solid var(--color-border-subtle, #CDD5DF);\r\n    background: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.toast_div.full_width.information{\r\n    border-top: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n    border-bottom: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n    background: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.toast_div.full_width.error{\r\n    border-top: 1px solid var(--color-border-danger-subtle, #F9B4BA);\r\n    border-bottom: 1px solid var(--color-border-danger-subtle, #F9B4BA);\r\n    background: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\n.toast_div.full_width.warning{\r\n    border-top: 1px solid var(--color-border-warning-subtle, #FEDF89);\r\n    border-bottom: 1px solid var(--color-border-warning-subtle, #FEDF89);\r\n    background: var(--color-background-warning-subtlest, #FFFAEB);\r\n}\r\n\r\n.toast_div.full_width.success{\r\n    border-top: 1px solid var(--color-border-success-subtle, #A9EFC5);\r\n    border-bottom: 1px solid var(--color-border-success-subtle, #A9EFC5);\r\n    background: var(--color-background-success-subtlest, #ECFDF3);\r\n}\r\n\r\n.svg_icon.default path,\r\n.svg_icon.gray path{\r\n    fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n.svg_icon.information path{\r\n    fill: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.svg_icon.error path{\r\n    fill: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.svg_icon.warning path{\r\n    fill: var(--color-icon-warning, #DC6803);\r\n}\r\n\r\n.svg_icon.success path{\r\n    fill: var(--color-icon-success, #079455);\r\n}\r\n\r\n.main_text_default,\r\n.main_text_gray{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n.main_text_information{\r\n    color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.main_text_error{\r\n    color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.main_text_warning{\r\n    color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n.main_text_success{\r\n    color: var(--color-text-success, #079455);\r\n}\r\n\r\n.supporting_text_default,\r\n.supporting_text_gray{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n.supporting_text_information{\r\n    color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.supporting_text_error{\r\n    color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.supporting_text_warning{\r\n    color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n.supporting_text_success{\r\n    color: var(--color-text-success, #079455);\r\n}\r\n\r\n.toast_div.full_width.desktop{\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n@media (max-width: 468px) {\r\n    .actions.floating{\r\n        width: 100%;\r\n    }\r\n}";
+const gbToastCss = "/* @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  /* gray color palette  */\r\n  --gray-25: #f9fafb;\r\n  --gray-50: #f6f8fa;\r\n  --gray-100: #eef2f6;\r\n  --gray-200: #e3e8ef;\r\n  --gray-300: #cdd5df;\r\n  --gray-400: #808c9e;\r\n  --gray-500: #697586;\r\n  --gray-600: #4b5565;\r\n  --gray-700: #364152;\r\n  --gray-800: #202939;\r\n  --gray-900: #121926;\r\n  --gray-950: #0d121c;\r\n\r\n  /* brand dark blue color palette */\r\n  --brandDarkBlue-25: #f9f9fb;\r\n  --brandDarkBlue-50: #edeef3;\r\n  --brandDarkBlue-100: #d3d5e0;\r\n  --brandDarkBlue-200: #b5b9cc;\r\n  --brandDarkBlue-300: #9095b2;\r\n  --brandDarkBlue-400: #464f7f;\r\n  --brandDarkBlue-500: #212c65;\r\n  --brandDarkBlue-600: #1e285c;\r\n  --brandDarkBlue-700: #1c2554;\r\n  --brandDarkBlue-800: #161d43;\r\n  --brandDarkBlue-900: #0b0f22;\r\n  --brandDarkBlue-950: #070914;\r\n\r\n  /* brand red color palette */\r\n  --brandRed-25: #fffbfa;\r\n  --brandRed-50: #fef1f2;\r\n  --brandRed-100: #fde3e5;\r\n  --brandRed-200: #f9b4ba;\r\n  --brandRed-300: #f68e98;\r\n  --brandRed-400: #f36976;\r\n  --brandRed-500: #e21b2e;\r\n  --brandRed-600: #cc1a2a;\r\n  --brandRed-700: #b51726;\r\n  --brandRed-800: #8c121d;\r\n  --brandRed-900: #680d16;\r\n  --brandRed-950: #3f080d;\r\n\r\n  /* warning color palette */\r\n  --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  /* 0% opacity */\r\n  /* White */\r\n  --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n  /* Gray */\r\n  --gray25-opacity0: rgba(249, 250, 251, 0);\r\n  --gray900-opacity0: rgba(18, 25, 38, 0);\r\n  --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n  /* 20% opacity */\r\n  /* White */\r\n  --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n  /* Dark Blue */\r\n  --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n  --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n  /* Gray */\r\n  --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n  --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n  --gray950-opacity20: rgba(13, 18, 28, 0.2);\r\n\r\n  /* 30% opacity */\r\n  --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n  --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n  /* 40% opacity */\r\n  --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n  --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n  /* 50% opacity */\r\n  /* White */\r\n  --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n  /* Gray */\r\n  --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n  --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n  --gray950-opacity50: rgba(13, 18, 28, 0.5);\r\n\r\n  /* ------------------------------------------Secondary Color------------------------------------------- */\r\n  /* blueLight color palete */\r\n  --lightBlue-25: #f5fbff;\r\n  --lightBlue-50: #f0f9ff;\r\n  --lightBlue-100: #e0f2fe;\r\n  --lightBlue-200: #b9e6fe;\r\n  --lightBlue-300: #7cd4fd;\r\n  --lightBlue-400: #7cd4fd;\r\n  --lightBlue-500: #0ba5ec;\r\n  --lightBlue-600: #0086c9;\r\n  --lightBlue-700: #026aa2;\r\n  --lightBlue-800: #065986;\r\n  --lightBlue-900: #0b4a6f;\r\n  --lightBlue-950: #062c41;\r\n\r\n  /* blue color palette */\r\n  --blue-25: #ecf5fe;\r\n  --blue-50: #e4f0fc;\r\n  --blue-100: #c8e0f9;\r\n  --blue-200: #9ac7f4;\r\n  --blue-300: #6aa9e7;\r\n  --blue-400: #378fe6;\r\n  --blue-500: #075db2;\r\n  --blue-600: #064e94;\r\n  --blue-700: #053e77;\r\n  --blue-800: #042f59;\r\n  --blue-900: #022445;\r\n  --blue-950: #021d37;\r\n\r\n  /* Purple color palete */\r\n  --purple-25: #fafaff;\r\n  --purple-50: #f4f3ff;\r\n  --purple-100: #ebe9fe;\r\n  --purple-200: #d9d6fe;\r\n  --purple-300: #bdb4fe;\r\n  --purple-400: #9b8afb;\r\n  --purple-500: #7a5af8;\r\n  --purple-600: #6938ef;\r\n  --purple-700: #5925dc;\r\n  --purple-800: #4a1fb8;\r\n  --purple-900: #3e1c96;\r\n  --purple-950: #27115f;\r\n\r\n  /* pink color palette */\r\n  --pink-25: #fef6fb;\r\n  --pink-50: #fdf2fa;\r\n  --pink-100: #fce7f6;\r\n  --pink-200: #fcceee;\r\n  --pink-300: #faa7e0;\r\n  --pink-400: #f670c7;\r\n  --pink-500: #ee46bc;\r\n  --pink-600: #dd2590;\r\n  --pink-700: #c11574;\r\n  --pink-800: #9e165f;\r\n  --pink-900: #851651;\r\n  --pink-950: #4e0d30;\r\n\r\n  /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n  /* -----------Text Color----------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-text-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-inverse: var(--base-black);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-subtle: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-subtle: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-bold: var(--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  [data-theme='dark'] {\r\n    --color-text-warning: var(--warning-300);\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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-subtle: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-subtle: var(--blue-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-subtle: var(--purple-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-subtle: var(--purple-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-subtle: var(--pink-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-subtle: var(--pink-400);\r\n  }\r\n\r\n  /* --------------Link color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-link: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-visited: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-visited: var(--lightBlue-300);\r\n  }\r\n\r\n  /* --------------Icon color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink: var(--pink-300);\r\n  }\r\n\r\n  /* ----------------Border Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-border-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtle: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtler: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-disabled: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-input: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-input: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-focus: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-focus: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-bold: var(--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(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  /* Emmanuel Kadiri starts from background color */\r\n\r\n  /* ----------------Background Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card-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-btn-disabled: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-btn-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-hover: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-hover: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtle: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtler: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtlest: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtlest: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtlest: var(--brandRed-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtlest: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-bold: var(--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  /* ----------------Blanket Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-blanket: var(--darkBlue500-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket: var(--darkBlue200-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n  }\r\n\r\n  /* ----------------Skeleton Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-skeleton: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton: var(--gray-800);\r\n  }\r\n\r\n    [data-theme='light'] {\r\n    --color-skeleton-bold: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton-bold: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Surface Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-bold: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-hovered: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-hovered: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-pressed: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-pressed: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Transparent Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-transparent50: var(--white-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent50: var(--gray900-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent20: var(--white-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent20: var(--gray900-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent-full: var(--white-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent-full: var(--gray900-opacity0);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent-full: var(--gray950-opacity0);\r\n  }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root {\r\n  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\r\n  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n  --blur-sm: blur(4px);\r\n  --blur-md: blur(8px);\r\n  --blur-lg: blur(12px);\r\n  --blur-xl: blur(20px);\r\n}\r\n\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/* -----------------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: 2rem;\r\n  --font-line-height-t-lg: 1.875rem;\r\n  --font-line-height-t-md: 1.688rem;\r\n  --font-line-height-t-sm: 1.5rem;\r\n  --font-line-height-t-xs: 1.25rem;\r\n  --font-line-height-t-xxs: 1.125rem;\r\n\r\n  /* Letter Spacings */\r\n  --font-letter-spacing-d-2xl: -0.09rem;\r\n  --font-letter-spacing-d-xl: -0.075rem;\r\n  --font-letter-spacing-d-lg: -0.075rem;\r\n  --font-letter-spacing-d-md: -0.045rem;\r\n  --font-letter-spacing-d-sm: 0;\r\n  --font-letter-spacing-d-xs: 0;\r\n  --font-letter-spacing-d-xxs: 0;\r\n\r\n  /* Font Families */\r\n  --font-family-title: 'Sora';\r\n  --font-family-body: 'Sora';\r\n}\r\n\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/* Button slot styles */\r\n/* .slotted_button_text.primary {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n  color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n  color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n  color: var(--color-text-danger, #b51726) !important;\r\n} */\r\n\r\n.toast_div{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-4);\r\n    position: relative;\r\n}\r\n\r\n/* Toast Size Styles */\r\n.toast_div.floating{\r\n    border-radius: var(--rounded-md);\r\n    box-shadow: var(--shadow-xs);\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.container.desktop{\r\n    display: flex;\r\n    padding: 0.75rem 2rem;\r\n    width: 100%;\r\n}\r\n\r\n.container.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    align-items: center;\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.full_width_content.desktop{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    flex: 1 0 0;\r\n}\r\n\r\n.full_width_content.mobile{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n}\r\n\r\n.inner_content.desktop{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-4);\r\n    flex-grow: 1;\r\n}\r\n\r\n.inner_content.mobile{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-4);\r\n    flex-grow: 1;\r\n}\r\n\r\n.icon_container{\r\n    width: fit-content;\r\n    display: flex;\r\n    align-self: stretch;\r\n}\r\n\r\n.content{\r\n    display: flex;\r\n    flex-grow: 1;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.content.floating{\r\n    flex-direction: column;\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.content.full_width{\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.content.actions{\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.text.floating{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n.text.full_width{\r\n    display: flex;\r\n    gap: 0.38rem;\r\n    align-items: center;\r\n}\r\n\r\n.text.mobile{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n\r\n.text.no_supporting_text{\r\n    flex-direction: row;\r\n}\r\n\r\n.actions{\r\n    display: flex;\r\n    gap: var(--spacing-5);\r\n}\r\n\r\n.actions.floating{\r\n    display: flex;\r\n}\r\n\r\n.actions.full_width{\r\n    width: fit-content;\r\n}\r\n\r\n.actions.only_actions{\r\n    width: fit-content;\r\n}\r\n\r\n.actions.mobile{\r\n    margin-left: 2.8rem;\r\n}\r\n\r\n/* Toast Color Styles */\r\n.toast_div.floating.default{\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.toast_div.floating.gray{\r\n    border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n    background: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.toast_div.floating.information{\r\n    border: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n    background: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.toast_div.floating.error{\r\n    border: 1px solid var(--color-border-danger-subtle, #F9B4BA);\r\n    background: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\n.toast_div.floating.warning{\r\n    border: 1px solid var(--color-border-warning-subtle, #FEDF89);\r\n    background: var(--color-background-warning-subtlest, #FFFAEB);\r\n}\r\n\r\n.toast_div.floating.success{\r\n    border: 1px solid var(--color-border-success-subtle, #A9EFC5);\r\n    background: var(--color-background-success-subtlest, #ECFDF3);\r\n}\r\n\r\n.toast_div.full_width.default{\r\n    border-top: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    border-bottom: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.toast_div.full_width.gray{\r\n    border-top: 1px solid var(--color-border-subtle, #CDD5DF);\r\n    border-bottom: 1px solid var(--color-border-subtle, #CDD5DF);\r\n    background: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.toast_div.full_width.information{\r\n    border-top: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n    border-bottom: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n    background: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.toast_div.full_width.error{\r\n    border-top: 1px solid var(--color-border-danger-subtle, #F9B4BA);\r\n    border-bottom: 1px solid var(--color-border-danger-subtle, #F9B4BA);\r\n    background: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\n.toast_div.full_width.warning{\r\n    border-top: 1px solid var(--color-border-warning-subtle, #FEDF89);\r\n    border-bottom: 1px solid var(--color-border-warning-subtle, #FEDF89);\r\n    background: var(--color-background-warning-subtlest, #FFFAEB);\r\n}\r\n\r\n.toast_div.full_width.success{\r\n    border-top: 1px solid var(--color-border-success-subtle, #A9EFC5);\r\n    border-bottom: 1px solid var(--color-border-success-subtle, #A9EFC5);\r\n    background: var(--color-background-success-subtlest, #ECFDF3);\r\n}\r\n\r\n.svg_icon.default path,\r\n.svg_icon.gray path{\r\n    fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n.svg_icon.information path{\r\n    fill: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.svg_icon.error path{\r\n    fill: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.svg_icon.warning path{\r\n    fill: var(--color-icon-warning, #DC6803);\r\n}\r\n\r\n.svg_icon.success path{\r\n    fill: var(--color-icon-success, #079455);\r\n}\r\n\r\n.main_text_default,\r\n.main_text_gray{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n.main_text_information{\r\n    color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.main_text_error{\r\n    color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.main_text_warning{\r\n    color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n.main_text_success{\r\n    color: var(--color-text-success, #079455);\r\n}\r\n\r\n.supporting_text_default,\r\n.supporting_text_gray{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n.supporting_text_information{\r\n    color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.supporting_text_error{\r\n    color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.supporting_text_warning{\r\n    color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n.supporting_text_success{\r\n    color: var(--color-text-success, #079455);\r\n}\r\n\r\n.toast_div.full_width.desktop{\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n@media (max-width: 468px) {\r\n    .actions.floating{\r\n        width: 100%;\r\n    }\r\n}";
 const GbToast = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.dismiss = createEvent(this, "dismiss");
-        this.viewChanges = createEvent(this, "viewChanges");
         this.close = createEvent(this, "close");
+        this.firstActionClicked = createEvent(this, "firstActionClicked");
+        this.secondActionClicked = createEvent(this, "secondActionClicked");
         this.mainText = '';
         this.supportingText = '';
         this.icon = '';
         this.xCloseButton = true;
         this.actions = false;
         this.showSupportingText = false;
+        this.firstActionText = '';
+        this.secondActionText = '';
     }
     onColorChange(newValue, _oldValue) {
         this.internalColor = newValue;
@@ -7179,7 +7183,7 @@ const GbToast = class {
         this.close.emit();
     }
     render() {
-        return (h("div", { key: 'ef33f86bf45a15b272255821b674599ce6e3381e', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '5d03765ff3e1e621a83e90a4e2a246a1791d2a02', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #079455)" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "var(--color-icon-danger, #B51726)" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "var(--color-icon, #4B5565)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "var(--color-icon, #4B5565)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: '7a04ff4cf74212345f3ca8787a9c21a7bbc40785', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '75b111d12ebf02aca0c7b5e032b8d438e3359cf1', class: `text ${this.size}` }, h("p", { key: 'f7a851c1dbe3002ad9d11940a96be898d0920cf7', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'e925a734acc7642bcef571842f591b9940842eef', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '498523c00ed4380b3c71ea3403884831ba21293a', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes"))))))), this.xCloseButton && (h("gb-button-close", { key: 'ad937be18944b7c698b2b90f1ccb18548088a6c5', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: 'dc6cb077c4d24044bf15643ac31de4959f7c13b1', class: `container ${this.breakpoint}` }, h("div", { key: '68c6294a3ff7632cfb0c3a99f798813c203f39ed', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'a3657356be7b5a4b4ebca99ff1cef77b81f2113d', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'f2ceede506ceac71020459e0b1d96d0cabf46b52', class: `icon_container` }, h("svg", { key: '4a439802f864f715f78e96777afce8737217fa86', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: '954a761db4bb8d82d93c7a04335ea0d87d97e643', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '51ae4413aea027e78a235fb174f808d03fd59906', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'e808a89a6379c8456b6ae3a3e533404e4446581e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'f21d90d406ddfb9b91b7663b10802a290e84c5ac', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: 'ceda251fc376ca142ddda89b9622799f418c9db8', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'f6c261fa6d27bd079470a54238ec92205eaa553c', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: '56bfb2f5ce82ebe3fc637e2ec9e8500115bae83f', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes")))))), this.xCloseButton && (h("gb-button-close", { key: '36283d322803a86b32de19848648a706dfe2cefe', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() })))))));
+        return (h("div", { key: 'b4c06a7f838b7bae30895f83809d6ff3532ce729', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'c305efd6aced24124c0301822751e0910401401d', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #079455)" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "var(--color-icon-danger, #B51726)" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "var(--color-icon, #4B5565)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "var(--color-icon, #4B5565)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: '069dcb998b258a746bed1ebeb67af41a5fbac18e', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '9993edb8dc6cb2ab4e9e982158067d8d2d3e69d4', class: `text ${!this.supportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: 'fe857deafe03de73dc845392e7e214b94900be0c', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '185d52aab02a2761af586b071e49e15a29ce340f', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '5bc566ee1e03d4fc05b41ff3ee92228abe4b1cae', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'b2cb24060117415ec240280c45545915dff5c488', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: '3c22f9a51fe19cd549b059d12652aa75ff6cd875', class: `container ${this.breakpoint}` }, h("div", { key: 'de18281e756203f8f6bad3c0cfa4c6ce136ce0cd', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '74ea79441907003f8846f10d56c52a61104ddab5', class: `inner_content ${this.breakpoint}` }, h("div", { key: '8793f9ca0d36e41584a51f61b05d40eabe5df4d4', class: `icon_container` }, h("svg", { key: 'ea66a548887c5c7cb299ab0ab69357fb3d5487ec', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: 'a7ce0fc5a11164a9a004799872ecf2c3f55512c6', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '924d0eb933e6e5e8a0c72baf07310541e86d8da3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'db7f4edc6aa13a906437b91733f749c1e3cd2d19', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'c491a792b0a57dc844c05ea2795c3987b7d83a8d', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '0bbc8bd95cd6b32f66fcf2962552ec92d707bf49', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'ad87d1ce2fc31ee8654fd13d74b45552d827ee93', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: '25837a8f124ed783bb0a27b8009584d110579484', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.firstActionText))))))), this.xCloseButton && (h("gb-button-close", { key: '3ce96e9037d41498e6abc3ea6bb9a8e3ba1dd46b', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7199,7 +7203,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '7b089866252d6cba815d0630c14cca818f20f34b', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '006fbd518bca6cb8eae5f9f26a1f656f441662f0' })));
+        return (h("div", { key: '4502d4d91837ccef55cef349077460b6ea5c52bd', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '0503a55ddadec8af7c557c91ad71e42964b3d010' })));
     }
     get el() { return getElement(this); }
 };
@@ -7252,7 +7256,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (h("div", { key: '16c6ad89fad68db7108b0ea6705b6c6e96b91472', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: 'f723c86dcf68fc81e70855559753e91b4372808f', class: "text" }, h("slot", { key: '18490f754c6fb7291ef719749942de5d30de458a', name: "main_text" }), this.supportingText && h("slot", { key: '8671a8ef8f9b323984e1b18af4fd9de1ec9e2b05', name: "supporting_text" }))))), h("div", { key: '055a4509b9853c00fd66ccb1efd9bd2ed2be792e', class: "toggle_base" }, h("gb-toggle-base", { key: 'cc8deae378a12b705fbdcb31c78ded4b00e0b89d', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: '6498c860761334f324d74a67a528c6346f842522', class: "text" }, h("slot", { key: '76482bbfbbc913d88079cc69ae81cd81900a84f4', name: "main_text" }), this.supportingText && h("slot", { key: '720ea346abc23f077f3d6b280617873f9ec81ac7', name: "supporting_text" })))))));
+        return (h("div", { key: '6dfa8a5e5a744bee1933bde1305366c59e59a944', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: 'a5a175e4f1adae53e8222f719ede96bd0b3263a1', class: "text" }, h("slot", { key: 'b455bb3fdbc8e4725c4f3b30692ae3cb39f552ac', name: "main_text" }), this.supportingText && h("slot", { key: '00cbc1b131d7130f5cdae70644263a878edb4adc', name: "supporting_text" }))))), h("div", { key: '0ac4aba0655f1de1d006f8016ec02bab542d1462', class: "toggle_base" }, h("gb-toggle-base", { key: 'b58d9ca1ca3b811edfe7abeb0477b732602b1246', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: '856bda1627893d5216b883162cc076382d3a949e', class: "text" }, h("slot", { key: '777c1a7c1ce22cc877f58a7b0cfab353394c7efd', name: "main_text" }), this.supportingText && h("slot", { key: '88ff7bccddb15fbf59f6001ba601f1e841c7a1f6', name: "supporting_text" })))))));
     }
     get el() { return getElement(this); }
 };
@@ -7274,8 +7278,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            h("input", { key: '903896359856820a8ab33c3f42ecbe5e81311c3f', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: 'db754e50343e6010cc562b9081e024823ba8f829', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: '7e82b8fd2c311aafc7fb46fbd3e5f480d3b17a8b', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '5aa6186855f707166ca91864bf9bbaff2e50d4e5', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
 };
@@ -7311,7 +7315,7 @@ const GbTooltip = class {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: 'd4d5c9542f39e2e9ddd698716c8187c726d8cdb8', class: "tooltip_container" }, h("div", { key: '413dafff038c89e97c941c163366c6d536268204', class: "tooltip" }, this.showArrow && h("div", { key: '17d5c4376a28c63ed06d8662fa8e8d40e574492c', class: this.getArrowClass() }), h("div", { key: '50d2318db9b947c1936deeed0ba7c5cdf69fa1b3', class: "tooltip_content" }, h("slot", { key: 'd08e29e24e7c72789abe6c24c35b3d6643e7f2f8', name: "label" }), this.showSupportingText && h("slot", { key: '1282230de9cd16cd67bd6bad8502f23ba92eac0a', name: "supporting_text" })))));
+        return (h("div", { key: '2a20573ccfbe8ef5f928924157dfb3ede32e6dbb', class: "tooltip_container" }, h("div", { key: 'f5460ad407ec21a062dbfd25c4686fd769f7f2af', class: "tooltip" }, this.showArrow && h("div", { key: 'a7f271be6830c5fbacb3f6be1cd4d75ceb5f5c14', class: this.getArrowClass() }), h("div", { key: '854f749fcae739d68b5e2934bc4089d1ac48a377', class: "tooltip_content" }, h("slot", { key: '48ccbb4a275ef58ed29d27a93eca0fb557b802e5', name: "label" }), this.showSupportingText && h("slot", { key: '93cf08b91c483efa1711fafe4e05cf0a5b89573d', name: "supporting_text" })))));
     }
     get el() { return getElement(this); }
 };
@@ -7347,7 +7351,7 @@ const GbVerticalTabs = class {
         this.tabItemClicked.emit({ index, label });
     }
     render() {
-        return (h("div", { key: 'b6e389bdf117ef369d5e07f39e9fa16a39bca264', class: `vertical_tab_div` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": tab.name, current: this.activeIndex === index, onClick: () => this.handleTabClick(index, tab.name), alignment: "vertical" })))));
+        return (h("div", { key: '8d49104d7d67075155979662ee3181d2dc054c9f', class: `vertical_tab_div` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": tab.name, current: this.activeIndex === index, onClick: () => this.handleTabClick(index, tab.name), alignment: "vertical" })))));
     }
     static get watchers() { return {
         "tabs": ["onTabsChanged"]