globuswebcomponents 2.3.6 → 2.3.7

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 (40) hide show
  1. package/dist/cjs/gb-action-panel.cjs.entry.js +1 -1
  2. package/dist/cjs/gb-action-panel.cjs.entry.js.map +1 -1
  3. package/dist/cjs/gb-action-panel.entry.cjs.js.map +1 -1
  4. package/dist/cjs/gb-avatar_31.cjs.entry.js +13 -13
  5. package/dist/cjs/gb-avatar_31.cjs.entry.js.map +1 -1
  6. package/dist/cjs/globuscomponents.cjs.js +1 -1
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/collection/components/gb-action-panel/gb-action-panel.js +26 -1
  9. package/dist/collection/components/gb-action-panel/gb-action-panel.js.map +1 -1
  10. package/dist/collection/components/gb-input-field/gb-input-field.js +13 -13
  11. package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
  12. package/dist/components/gb-action-panel.js +2 -1
  13. package/dist/components/gb-action-panel.js.map +1 -1
  14. package/dist/components/gb-input-dropdown.js +1 -1
  15. package/dist/components/gb-input-field.js +1 -1
  16. package/dist/components/gb-pagination.js +2 -2
  17. package/dist/components/gb-table-header.js +1 -1
  18. package/dist/components/{p-H-bBE3O-.js → p-CVXnbZFM.js} +15 -15
  19. package/dist/components/p-CVXnbZFM.js.map +1 -0
  20. package/dist/components/{p-DjS-ok3z.js → p-ObXxCGg5.js} +3 -3
  21. package/dist/components/{p-DjS-ok3z.js.map → p-ObXxCGg5.js.map} +1 -1
  22. package/dist/docs.json +39 -1
  23. package/dist/esm/gb-action-panel.entry.js +1 -1
  24. package/dist/esm/gb-action-panel.entry.js.map +1 -1
  25. package/dist/esm/gb-avatar_31.entry.js +13 -13
  26. package/dist/esm/gb-avatar_31.entry.js.map +1 -1
  27. package/dist/esm/globuscomponents.js +1 -1
  28. package/dist/esm/loader.js +1 -1
  29. package/dist/globuscomponents/gb-action-panel.entry.esm.js.map +1 -1
  30. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  31. package/dist/globuscomponents/{p-3bc75ff9.entry.js → p-49513dd1.entry.js} +2 -2
  32. package/dist/globuscomponents/p-49513dd1.entry.js.map +1 -0
  33. package/dist/globuscomponents/{p-1bbad76d.entry.js → p-6ee5c2fb.entry.js} +2 -2
  34. package/dist/globuscomponents/p-6ee5c2fb.entry.js.map +1 -0
  35. package/dist/types/components/gb-action-panel/gb-action-panel.d.ts +1 -0
  36. package/dist/types/components.d.ts +2 -0
  37. package/package.json +1 -1
  38. package/dist/components/p-H-bBE3O-.js.map +0 -1
  39. package/dist/globuscomponents/p-1bbad76d.entry.js.map +0 -1
  40. package/dist/globuscomponents/p-3bc75ff9.entry.js.map +0 -1
package/dist/globuscomponents/globuscomponents.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as t,b as e}from"./p-Dlqa7tPI.js";export{s as setNonce}from"./p-Dlqa7tPI.js";import{g as o}from"./p-DQuL1Twl.js";var n=()=>{const e=import.meta.url;const o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return t(o)};n().then((async t=>{await o();return e(JSON.parse('[["p-1bbad76d",[[1,"gb-sidebar",{"state":[1025],"category":[1],"navItemStyle":[1,"nav-item-style"],"type":[1],"showSecondCategory":[4,"show-second-category"],"iconInstance":[1,"icon-instance"],"firstItemIcon":[1,"first-item-icon"],"secondItemIcon":[1,"second-item-icon"],"thirdItemIcon":[1,"third-item-icon"],"fourthItemIcon":[1,"fourth-item-icon"],"fifthItemIcon":[1,"fifth-item-icon"],"sixthItemIcon":[1,"sixth-item-icon"],"seventhItemIcon":[1,"seventh-item-icon"],"eighthItemIcon":[1,"eighth-item-icon"],"ninthItemIcon":[1,"ninth-item-icon"],"tenthItemIcon":[1,"tenth-item-icon"],"firstItemLabel":[1,"first-item-label"],"secondItemLabel":[1,"second-item-label"],"thirdItemLabel":[1,"third-item-label"],"fourthItemLabel":[1,"fourth-item-label"],"fifthItemLabel":[1,"fifth-item-label"],"sixthItemLabel":[1,"sixth-item-label"],"seventhItemLabel":[1,"seventh-item-label"],"eighthItemLabel":[1,"eighth-item-label"],"ninthItemLabel":[1,"ninth-item-label"],"tenthItemLabel":[1,"tenth-item-label"],"complexSidebarData":[8,"complex-sidebar-data"],"activeIndex":[1026,"active-index"],"activePrimaryItem":[1025,"active-primary-item"],"activeSecondaryItem":[1025,"active-secondary-item"],"hasInfo":[4,"has-info"],"leadingIconSvg":[32],"sideBarItemClicked":[64]}],[1,"gb-metric-card",{"size":[1],"radius":[1],"label":[1],"metric":[1],"showBadge":[4,"show-badge"],"featuredIconStyle":[1,"featured-icon-style"],"featuredIconColor":[1,"featured-icon-color"]}],[1,"gb-toast",{"color":[1025],"mainText":[1,"main-text"],"supportingText":[1,"supporting-text"],"size":[1],"breakpoint":[1],"icon":[1],"xCloseButton":[4,"x-close-button"],"actions":[4],"showSupportingText":[4,"show-supporting-text"],"internalColor":[32]},null,{"color":["onColorChange"]}],[1,"gb-top-bar",{"category":[1],"firstTabIcon":[1,"first-tab-icon"],"secondTabIcon":[1,"second-tab-icon"],"thirdTabIcon":[1,"third-tab-icon"],"fourthTabIcon":[1,"fourth-tab-icon"],"fifthTabIcon":[1,"fifth-tab-icon"],"sixthTabIcon":[1,"sixth-tab-icon"],"seventhTabIcon":[1,"seventh-tab-icon"],"firstTabLabel":[1,"first-tab-label"],"secondTabLabel":[1,"second-tab-label"],"thirdTabLabel":[1,"third-tab-label"],"fourthTabLabel":[1,"fourth-tab-label"],"fifthTabLabel":[1,"fifth-tab-label"],"sixthTabLabel":[1,"sixth-tab-label"],"seventhTabLabel":[1,"seventh-tab-label"],"firstTabIconOnly":[4,"first-tab-icon-only"],"secondTabIconOnly":[4,"second-tab-icon-only"],"thirdTabIconOnly":[4,"third-tab-icon-only"],"fourthTabIconOnly":[4,"fourth-tab-icon-only"],"fifthTabIconOnly":[4,"fifth-tab-icon-only"],"sixthTabIconOnly":[4,"sixth-tab-icon-only"],"seventhTabIconOnly":[4,"seventh-tab-icon-only"],"activeIndex":[1026,"active-index"]}],[1,"gb-token-field-compact",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"]}],[1,"gb-simple-side-bar-item",{"state":[1],"type":[1],"label":[1],"icon":[1],"category":[1],"showArrow":[4,"show-arrow"],"showBadge":[4,"show-badge"],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32],"internalIcon":[32]},null,{"icon":["updateSidebarIcon"]}],[1,"gb-collapse-button",{"color":[1],"isCollapsed":[1028,"is-collapsed"],"action":[1025],"isHovered":[1028,"is-hovered"],"collapseSidebar":[64],"expandSidebar":[64]}],[1,"gb-complex-primary-side-bar-item",{"category":[1],"itemStyle":[1,"item-style"],"state":[1],"icon":[1],"label":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-complex-secondary-side-bar-item",{"state":[1],"type":[1],"category":[1],"label":[1],"icon":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-top-bar-item",{"state":[1],"iconOnly":[4,"icon-only"],"category":[1],"label":[1],"icon":[1],"leadingIconSvg":[32],"showTooltip":[32]}],[1,"gb-metric-featured-icon",{"size":[1],"color":[1],"featuredIconStyle":[1,"featured-icon-style"],"icon":[1],"leadingIconSvg":[32]}],[1,"gb-toast-button",{"state":[1],"color":[1]}],[65,"gb-input-field",{"size":[1],"type":[1],"inputType":[1,"input-type"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"destructive":[1028],"state":[1],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"errorText":[1,"error-text"],"showPlaceholder":[4,"show-placeholder"],"placeholder":[1],"showHelpIcon":[4,"show-help-icon"],"showValidation":[4,"show-validation"],"showCountryIcon":[4,"show-country-icon"],"iconSwap":[1,"icon-swap"],"showCloseButton":[1028,"show-close-button"],"options":[1040],"idOfInput":[513,"id-of-input"],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"results":[1040],"menuPosition":[1,"menu-position"],"icon":[1],"value":[1032],"required":[516],"loading":[1028],"inputValue":[32],"tags":[32],"leadingIconSvg":[32],"isPasswordVisible":[32],"showDropdown":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"paddingLeft":[32],"paddingTop":[32],"dropdownOpen":[32],"show":[32],"showSpinner":[32],"internalLoading":[32],"isDestructive":[64],"isNotDestructive":[64]},[[4,"click","handleClickOutside"]],{"options":["optionsChanged"],"loading":["onLoadingChanged"],"value":["updateSelectedItems"]}],[1,"gb-password-button",{"state":[1],"isPasswordVisible":[32]}],[1,"gb-help-tooltip",{"showArrow":[4,"show-arrow"],"showSupportingText":[4,"show-supporting-text"],"showHelpTooltip":[32]}],[1,"gb-button-close",{"size":[1],"color":[1]}],[4,"gb-btn",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32]}],[1,"gb-tag",{"size":[1],"icon":[1],"action":[1],"flagSwap":[1,"flag-swap"],"checkbox":[4],"onTagClose":[64]}],[1,"gb-input-dropdown-menu-item",{"type":[1],"supportingText":[4,"supporting-text"],"selected":[1028],"state":[1],"color":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"leadingIconSvg":[32]}],[1,"gb-tag-checkbox",{"checked":[4],"size":[1],"disabled":[4]}],[1,"gb-tag-close",{"size":[1]}],[1,"gb-tag-count",{"size":[1]}],[1,"gb-badge",{"size":[1],"icon":[1],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailingSwap":[1,"icon-trailing-swap"],"flagSwap":[1,"flag-swap"],"color":[1],"type":[1],"closeButton":[4,"close-button"],"leadingIconContent":[32],"trailingIconContent":[32]}],[1,"gb-badge-close",{"color":[1],"type":[1]}],[1,"gb-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"type":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"]}],[1,"gb-button",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32],"internalButtonState":[32],"internalIconLeadingState":[32],"internalIconTrailingState":[32]},null,{"state":["updateButtonState"]}],[1,"gb-checkbox-base",{"state":[1025],"size":[1],"type":[1],"checked":[1028],"indeterminate":[1028]}],[1,"gb-tooltip",{"showArrow":[4,"show-arrow"],"arrow":[1],"showSupportingText":[4,"show-supporting-text"],"noWrap":[4,"no-wrap"]}],[1,"gb-avatar",{"size":[1],"placeholder":[4],"text":[4],"statusIcon":[1,"status-icon"],"state":[1],"icon":[1],"color":[1],"showBorder":[4,"show-border"],"weight":[1],"assignedColorClass":[32]}],[1,"gb-avatar-contrast-inner-border",{"weight":[1],"size":[1],"showBorder":[4,"show-border"]}],[1,"gb-status-indicator",{"statusIcon":[1,"status-icon"],"size":[1],"state":[1],"indicatorStateClass":[1,"indicator-state-class"]}]]],["p-78f8e026",[[1,"gb-table-header",{"showFilter":[4,"show-filter"],"showColumnOptions":[4,"show-column-options"],"tableHeading":[4,"table-heading"],"showSearch":[4,"show-search"],"showExport":[4,"show-export"],"showRefreshButton":[4,"show-refresh-button"],"tableHeadingLabel":[1,"table-heading-label"],"showLayoutToggle":[4,"show-layout-toggle"],"filterState":[1,"filter-state"],"filterCount":[2,"filter-count"],"showEntireData":[4,"show-entire-data"],"items":[32],"width":[32],"buttonIcon":[32],"showExportDropdown":[32]}]]],["p-0da1161c",[[1,"gb-pagination",{"type":[1],"shape":[1],"breakpoint":[1025],"currentPage":[1026,"current-page"],"totalPages":[1026,"total-pages"],"entries":[1040],"selectedPageSize":[32],"defaultSelected":[32],"pages":[32],"width":[32],"internalTotalPages":[32]},null,{"totalPages":["onTotalPagesChange"]}]]],["p-82bd13d8",[[1,"gb-avatar-dropdown",{"type":[1],"text":[4],"showProfile":[4,"show-profile"],"showThemeTab":[4,"show-theme-tab"],"showRoles":[4,"show-roles"],"roles":[16],"showLogOut":[4,"show-log-out"],"listGroupOne":[4,"list-group-one"],"listGroupTwo":[4,"list-group-two"],"listGroupThree":[4,"list-group-three"],"color":[1],"showBorder":[4,"show-border"],"currentTheme":[1,"current-theme"]}]]],["p-5698b43e",[[1,"gb-textarea-input-field",{"type":[1],"state":[1025],"destructive":[4],"placeholderText":[1,"placeholder-text"],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"idOfInput":[513,"id-of-input"],"isReadOnly":[516,"is-read-only"],"value":[1032],"icon":[1],"results":[1040],"content":[32],"inputValue":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"show":[32],"staffInfo":[32],"selectedItems":[32],"unselectedItems":[32]},[[4,"click","handleClickOutside"]],{"value":["updateSelectedItems"]}]]],["p-cba0c5a6",[[0,"test-input-tag",{"idOfInput":[513,"id-of-input"],"type":[513],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"placeholderText":[513,"placeholder-text"],"show":[32],"showSpinner":[32],"staffInfo":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"inputValue":[32],"dropdownOpen":[32]}]]],["p-87279526",[[1,"gb-detail-cell",{"state":[1],"cellStyle":[1025,"cell-style"],"type":[1],"label":[1],"detail":[1],"badgeIcon":[1,"badge-icon"],"badgeIconLeading":[1,"badge-icon-leading"],"badgeIconTrailing":[1,"badge-icon-trailing"],"badgeColor":[1,"badge-color"],"badgeLabel":[1,"badge-label"],"badgeType":[1,"badge-type"],"fileType":[1,"file-type"],"fileStyle":[1,"file-style"],"showActionButtons":[4,"show-action-buttons"],"showViewButton":[4,"show-view-button"],"showDownloadButton":[4,"show-download-button"],"showCopyButton":[1028,"show-copy-button"],"buttonText":[1,"button-text"],"showStandardCopyButton":[32],"showTooltip":[32],"copied":[32],"isDownloaded":[32],"width":[32]}]]],["p-c5e1da9e",[[1,"gb-checkbox-group",{"size":[1],"breakpoint":[1],"icon":[1],"selected":[4],"type":[1]}]]],["p-c79a28eb",[[1,"gb-top-bar-sidemenu",{"applicationName":[1,"application-name"],"applicationIcon":[1,"application-icon"],"activeIndex":[2,"active-index"],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"leadingIconSvg":[32]}]]],["p-7e514341",[[1,"gb-file-upload",{"icon":[1],"type":[1],"heightSize":[1,"height-size"],"state":[1],"destructive":[4],"showLabel":[4,"show-label"],"progress":[2],"fileType":[16],"files":[32],"fileStates":[32],"isDragging":[32]}]]],["p-a28438a1",[[1,"gb-horizontal-tabs",{"type":[1],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"],"internalActiveIndex":[32]},null,{"activeIndex":["setActiveIndex"]}]]],["p-66fe8fb0",[[1,"gb-avatar-group",{"size":[1],"moreUsers":[4,"more-users"],"addMoreButton":[4,"add-more-button"],"text":[4],"state":[1],"images":[16]}]]],["p-3bc75ff9",[[1,"gb-action-panel",{"type":[1],"showCloseButton":[4,"show-close-button"],"showSelectedRows":[4,"show-selected-rows"],"showCheckbox":[4,"show-checkbox"],"firstButton":[4,"first-button"],"firstButtonIconLeading":[1,"first-button-icon-leading"],"firstButtonIconTrailing":[1,"first-button-icon-trailing"],"secondButton":[4,"second-button"],"secondButtonIconLeading":[1,"second-button-icon-leading"],"secondButtonIconTrailing":[1,"second-button-icon-trailing"],"thirdButton":[4,"third-button"],"thirdButtonIconLeading":[1,"third-button-icon-leading"],"thirdButtonIconTrailing":[1,"third-button-icon-trailing"],"showSubmitButton":[4,"show-submit-button"],"submitButtonIconLeadingSwap":[1,"submit-button-icon-leading-swap"],"submitButtonIconTrailingSwap":[1,"submit-button-icon-trailing-swap"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"firstButtonState":[1,"first-button-state"],"secondButtonState":[1,"second-button-state"],"thirdButtonState":[1,"third-button-state"],"previousButtonState":[1,"previous-button-state"],"nextButtonState":[1,"next-button-state"],"showDraftButton":[4,"show-draft-button"],"submitButtonText":[1,"submit-button-text"],"showAmount":[4,"show-amount"],"showFee":[4,"show-fee"],"amount":[1],"fee":[1],"checked":[32],"internalNextButtonState":[32]},null,{"state":["updateButtonState"]}]]],["p-c2858ea3",[[1,"gb-header",{"state":[1],"showIndicator":[4,"show-indicator"],"text":[4],"placeholder":[4],"color":[1],"showBorder":[4,"show-border"],"showNotification":[4,"show-notification"],"showHelp":[4,"show-help"],"showLogo":[4,"show-logo"],"onNavBarItemClicked":[64]}]]],["p-d81f1bbd",[[1,"gb-avatar-profile-photo",{"placeholder":[4],"text":[4],"size":[1],"verified":[4],"icon":[1]}]]],["p-cabf73db",[[1,"gb-help-dropdown",{"showLogError":[4,"show-log-error"],"onHelpItemClicked":[64]}]]],["p-2fe0d9fd",[[1,"gb-stepper-horizontal-icons-centered",{"size":[1],"steps":[16],"type":[1],"breakpoint":[1]}]]],["p-23a139b1",[[1,"gb-stepper-horizontal-line-with-text",{"size":[1],"breakpoint":[1],"showContent":[4,"show-content"],"showSupportingText":[1028,"show-supporting-text"],"steps":[16],"internalSteps":[32],"width":[32],"internalState":[32],"internalStatus":[32]},null,{"steps":["onStepsChanged"]}]]],["p-ab5b1c41",[[1,"gb-stepper-vertical-icons-with-text",{"size":[1],"connector":[4],"type":[1],"steps":[16],"internalSteps":[32],"internalState":[32],"internalStatus":[32]},null,{"steps":["onStepsChanged"]}]]],["p-78387b1a",[[1,"gb-comment",{"heading":[1],"state":[1025],"noCommentText":[1,"no-comment-text"],"noCommentTextSub":[1,"no-comment-text-sub"],"comments":[16]}]]],["p-31962fce",[[1,"gb-notification-pane",{"state":[1],"notifications":[1040],"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-7e8e6f5a",[[1,"gb-slider",{"min":[2],"max":[2],"thumbType":[1,"thumb-type"],"leftControl":[2,"left-control"],"rightControl":[2,"right-control"],"label":[1],"unit":[1],"unitPosition":[1,"unit-position"],"leftValue":[32],"rightValue":[32]}]]],["p-f6739ea5",[[1,"gb-breadcrumbs",{"type":[1],"divider":[1],"breadcrumbs":[16],"icon":[1],"visibleBreadcrumbs":[32]}]]],["p-773e1690",[[1,"gb-empty-state",{"size":[1],"icon":[1],"message":[1],"description":[1],"cta":[4],"width":[32]}]]],["p-b00fc8b9",[[1,"gb-quick-action-card",{"color":[1],"icon":[1],"label":[1]}]]],["p-1b2600bf",[[1,"gb-quick-action-icon",{"icon":[1],"label":[1],"isHovered":[32]}]]],["p-8c352a9d",[[1,"gb-stepper-horizontal-minimal-icons",{"size":[1],"text":[4],"steps":[16]}]]],["p-df9fc1b5",[[1,"gb-toggle",{"size":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"],"pressed":[4]}]]],["p-92b050f7",[[1,"gb-token-field-compressed",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"]}]]],["p-dd344b1b",[[1,"gb-wysiwyg-tooltip",{"arrow":[1],"breakpoint":[1]}]]],["p-2a7f4b23",[[0,"gb-carousel-arrow",{"size":[1],"chevron":[1]}]]],["p-bb06a35a",[[1,"gb-pagination-dot-group",{"size":[1],"type":[1],"color":[1],"framed":[4]}]]],["p-093d4e72",[[0,"gb-pagination-dot-indicator",{"current":[4],"type":[1],"size":[1]}]]],["p-cf32a92b",[[1,"gb-progress-circle",{"size":[1],"shape":[1],"label":[4],"progress":[2]},null,{"progress":["handleProgressChange"]}]]],["p-16a4a399",[[1,"gb-scrollbar",{"length":[1]}]]],["p-cb648d73",[[1,"gb-stepper-horizontal-icons-connected",{"size":[1],"steps":[16]}]]],["p-8b2a9767",[[1,"gb-table-cell",{"type":[1]}]]],["p-0ae65dd7",[[1,"gb-checkbox-group-item",{"size":[1],"type":[1],"state":[1],"breakpoint":[1],"showCost":[4,"show-cost"],"selected":[1028]}]]],["p-b24e3a2a",[[1,"gb-vertical-tabs",{"size":[1],"type":[1],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"]}]]],["p-c84b8bc6",[[1,"gb-file-upload-item-base",{"icon":[1],"label":[1],"showLabel":[4,"show-label"],"state":[1],"heightSize":[1,"height-size"],"fileType":[1,"file-type"],"progress":[2],"fileSize":[2,"file-size"],"fileName":[1,"file-name"],"internalState":[32],"internalProgress":[32]},null,{"state":["onStateChange"],"progress":["onProgressChange"]}]]],["p-07ce6ce1",[[1,"gb-avatar-add-button",{"size":[1],"showToolTip":[1028,"show-tool-tip"],"state":[1],"el":[16]}]]],["p-68f1ff11",[[1,"gb-slider-control-handle",{"value":[1],"type":[1],"isHovered":[32],"isFocused":[32]}]]],["p-9c14f751",[[1,"gb-breadcrumb-button-base",{"current":[4],"type":[1],"icon":[4],"label":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}]]],["p-2faa5985",[[1,"gb-comment-item",{"name":[1],"duty":[1],"comment":[1],"timeStamp":[1,"time-stamp"],"connector":[4]}]]],["p-d2d8cc14",[[1,"gb-header-icon",{"state":[1],"showIndicator":[4,"show-indicator"],"icon":[1],"leadingIconSvg":[32]}]]],["p-9b498938",[[1,"gb-mega-input-field-base",{"size":[1],"state":[1],"inputValue":[32]}]]],["p-fc6c56dd",[[1,"gb-notification-content",{"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-9766aabd",[[1,"gb-toggle-base",{"size":[1],"state":[1],"pressed":[1028]}]]],["p-48676dcb",[[1,"gb-wysiwyg-editor-icon",{"active":[4],"type":[1],"state":[1]}]]],["p-843e4427",[[1,"gb-icon-button-base",{"current":[4],"icon":[1],"label":[1],"leadingIconSvg":[32],"showTooltip":[32]}]]],["p-f9b0157c",[[1,"gb-avatar-label-group",{"size":[1],"statusIcon":[1,"status-icon"],"state":[1],"placeholder":[4],"text":[4],"color":[1],"showBorder":[4,"show-border"]}],[1,"gb-theme-tab",{"theme":[1025],"currentActiveTab":[1025,"current-active-tab"]}]]],["p-acd2611c",[[1,"gb-button-group-base",{"current":[4],"icon":[1],"state":[1],"label":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}]]],["p-f6c5f765",[[1,"gb-dropdown-items-with-shortcut",{"icon":[4],"iconSrc":[1,"icon-src"],"checkbox":[4],"shortcut":[4],"shortcutIcon":[1,"shortcut-icon"],"label":[1],"state":[1],"destructive":[4],"leadingIconSvg":[32]}]]],["p-d000c8e6",[[1,"gb-card-icon",{"size":[1],"color":[1],"icon":[1],"leadingIconSvg":[32]}]]],["p-5ee749b7",[[1,"gb-input-dropdown",{"type":[1],"state":[1025],"size":[1],"showLabel":[4,"show-label"],"label":[1],"placeholder":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"iconSwap":[1,"icon-swap"],"text":[4],"leadingIcon":[1,"leading-icon"],"icon":[1],"items":[1040],"value":[1040],"supportingText":[4,"supporting-text"],"color":[1],"showBorder":[4,"show-border"],"menuPosition":[1,"menu-position"],"showSearchInput":[4,"show-search-input"],"inputValue":[1,"input-value"],"destructive":[1028],"errorText":[1,"error-text"],"loading":[1028],"leadingIconSvg":[32],"dropdownOpen":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"searchItem":[32],"searchResults":[32],"internalItems":[32],"showCloseButton":[32],"internalLoading":[32],"clearSelection":[64],"isDestructive":[64],"isNotDestructive":[64]},[[4,"click","handleClickOutside"]],{"items":["updateResultsAndShowInDropdown"],"loading":["onLoadingChanged"],"destructive":["watchDestructive"]}],[1,"gb-pagination-button-group-base",{"icon":[1],"state":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}],[1,"gb-pagination-number-base",{"shape":[1],"state":[1]}]]],["p-f3675b36",[[1,"gb-export-sub-dropdown",{"showEntireData":[4,"show-entire-data"]}],[1,"gb-export-dropdown-item",{"icon":[4],"state":[1],"type":[1]}],[1,"gb-export-sub-dropdown-item",{"icon":[1],"state":[1],"leadingIconSvg":[32]}]]],["p-e91cb581",[[1,"gb-filter-button",{"state":[1],"iconOnly":[4,"icon-only"]}],[65,"gb-button-group",{"items":[16],"icon":[1],"showLabel":[4,"show-label"],"label":[1],"internalItems":[32],"selectedValue":[32]},null,{"items":["onItemsUpdated"]}],[1,"gb-export-dropdown",{"state":[1],"showEntireData":[4,"show-entire-data"],"showFirstSubDropdown":[32],"showSecondSubDropdown":[32]}]]],["p-b733c49a",[[1,"gb-tab-button-base",{"current":[4],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"type":[1],"tabName":[1,"tab-name"],"alignment":[1]}]]],["p-8ae9beed",[[1,"gb-progress-bar",{"progress":[2],"showLabel":[4,"show-label"],"labelPosition":[1,"label-position"]}],[1,"gb-file-type-icon",{"fileStyle":[1,"file-style"],"fileType":[1,"file-type"]}]]],["p-5f585deb",[[1,"gb-step-base",{"status":[1],"size":[1],"type":[1],"state":[1],"connector":[4],"showContent":[4,"show-content"],"showSupportingText":[4,"show-supporting-text"],"label":[1],"supportingText":[1,"supporting-text"],"breakpoint":[1],"internalState":[32],"internalStatus":[32]},null,{"status":["onStatusChange"],"state":["onStateChange"]}],[1,"gb-featured-icon",{"size":[1],"destructive":[4],"icon":[1],"leadingIconSvg":[32]}],[1,"gb-step-icon-base",{"size":[1],"status":[1],"state":[1],"internalState":[32],"internalStatus":[32]},null,{"status":["onStatusChange"],"state":["onStateChange"]}]]]]'),t)}));
1
+ import{p as t,b as e}from"./p-Dlqa7tPI.js";export{s as setNonce}from"./p-Dlqa7tPI.js";import{g as o}from"./p-DQuL1Twl.js";var n=()=>{const e=import.meta.url;const o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return t(o)};n().then((async t=>{await o();return e(JSON.parse('[["p-6ee5c2fb",[[1,"gb-sidebar",{"state":[1025],"category":[1],"navItemStyle":[1,"nav-item-style"],"type":[1],"showSecondCategory":[4,"show-second-category"],"iconInstance":[1,"icon-instance"],"firstItemIcon":[1,"first-item-icon"],"secondItemIcon":[1,"second-item-icon"],"thirdItemIcon":[1,"third-item-icon"],"fourthItemIcon":[1,"fourth-item-icon"],"fifthItemIcon":[1,"fifth-item-icon"],"sixthItemIcon":[1,"sixth-item-icon"],"seventhItemIcon":[1,"seventh-item-icon"],"eighthItemIcon":[1,"eighth-item-icon"],"ninthItemIcon":[1,"ninth-item-icon"],"tenthItemIcon":[1,"tenth-item-icon"],"firstItemLabel":[1,"first-item-label"],"secondItemLabel":[1,"second-item-label"],"thirdItemLabel":[1,"third-item-label"],"fourthItemLabel":[1,"fourth-item-label"],"fifthItemLabel":[1,"fifth-item-label"],"sixthItemLabel":[1,"sixth-item-label"],"seventhItemLabel":[1,"seventh-item-label"],"eighthItemLabel":[1,"eighth-item-label"],"ninthItemLabel":[1,"ninth-item-label"],"tenthItemLabel":[1,"tenth-item-label"],"complexSidebarData":[8,"complex-sidebar-data"],"activeIndex":[1026,"active-index"],"activePrimaryItem":[1025,"active-primary-item"],"activeSecondaryItem":[1025,"active-secondary-item"],"hasInfo":[4,"has-info"],"leadingIconSvg":[32],"sideBarItemClicked":[64]}],[1,"gb-metric-card",{"size":[1],"radius":[1],"label":[1],"metric":[1],"showBadge":[4,"show-badge"],"featuredIconStyle":[1,"featured-icon-style"],"featuredIconColor":[1,"featured-icon-color"]}],[1,"gb-toast",{"color":[1025],"mainText":[1,"main-text"],"supportingText":[1,"supporting-text"],"size":[1],"breakpoint":[1],"icon":[1],"xCloseButton":[4,"x-close-button"],"actions":[4],"showSupportingText":[4,"show-supporting-text"],"internalColor":[32]},null,{"color":["onColorChange"]}],[1,"gb-top-bar",{"category":[1],"firstTabIcon":[1,"first-tab-icon"],"secondTabIcon":[1,"second-tab-icon"],"thirdTabIcon":[1,"third-tab-icon"],"fourthTabIcon":[1,"fourth-tab-icon"],"fifthTabIcon":[1,"fifth-tab-icon"],"sixthTabIcon":[1,"sixth-tab-icon"],"seventhTabIcon":[1,"seventh-tab-icon"],"firstTabLabel":[1,"first-tab-label"],"secondTabLabel":[1,"second-tab-label"],"thirdTabLabel":[1,"third-tab-label"],"fourthTabLabel":[1,"fourth-tab-label"],"fifthTabLabel":[1,"fifth-tab-label"],"sixthTabLabel":[1,"sixth-tab-label"],"seventhTabLabel":[1,"seventh-tab-label"],"firstTabIconOnly":[4,"first-tab-icon-only"],"secondTabIconOnly":[4,"second-tab-icon-only"],"thirdTabIconOnly":[4,"third-tab-icon-only"],"fourthTabIconOnly":[4,"fourth-tab-icon-only"],"fifthTabIconOnly":[4,"fifth-tab-icon-only"],"sixthTabIconOnly":[4,"sixth-tab-icon-only"],"seventhTabIconOnly":[4,"seventh-tab-icon-only"],"activeIndex":[1026,"active-index"]}],[1,"gb-token-field-compact",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"]}],[1,"gb-simple-side-bar-item",{"state":[1],"type":[1],"label":[1],"icon":[1],"category":[1],"showArrow":[4,"show-arrow"],"showBadge":[4,"show-badge"],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32],"internalIcon":[32]},null,{"icon":["updateSidebarIcon"]}],[1,"gb-collapse-button",{"color":[1],"isCollapsed":[1028,"is-collapsed"],"action":[1025],"isHovered":[1028,"is-hovered"],"collapseSidebar":[64],"expandSidebar":[64]}],[1,"gb-complex-primary-side-bar-item",{"category":[1],"itemStyle":[1,"item-style"],"state":[1],"icon":[1],"label":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-complex-secondary-side-bar-item",{"state":[1],"type":[1],"category":[1],"label":[1],"icon":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-top-bar-item",{"state":[1],"iconOnly":[4,"icon-only"],"category":[1],"label":[1],"icon":[1],"leadingIconSvg":[32],"showTooltip":[32]}],[1,"gb-metric-featured-icon",{"size":[1],"color":[1],"featuredIconStyle":[1,"featured-icon-style"],"icon":[1],"leadingIconSvg":[32]}],[1,"gb-toast-button",{"state":[1],"color":[1]}],[65,"gb-input-field",{"size":[1],"type":[1],"inputType":[1,"input-type"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"destructive":[1028],"state":[1],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"errorText":[1,"error-text"],"showPlaceholder":[4,"show-placeholder"],"placeholder":[1],"showHelpIcon":[4,"show-help-icon"],"showValidation":[4,"show-validation"],"showCountryIcon":[4,"show-country-icon"],"iconSwap":[1,"icon-swap"],"showCloseButton":[1028,"show-close-button"],"options":[1040],"idOfInput":[513,"id-of-input"],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"results":[1040],"menuPosition":[1,"menu-position"],"icon":[1],"value":[1032],"required":[516],"loading":[1028],"inputValue":[32],"tags":[32],"leadingIconSvg":[32],"isPasswordVisible":[32],"showDropdown":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"paddingLeft":[32],"paddingTop":[32],"dropdownOpen":[32],"show":[32],"showSpinner":[32],"internalLoading":[32],"isDestructive":[64],"isNotDestructive":[64]},[[4,"click","handleClickOutside"]],{"options":["optionsChanged"],"loading":["onLoadingChanged"],"value":["updateSelectedItems"]}],[1,"gb-password-button",{"state":[1],"isPasswordVisible":[32]}],[1,"gb-help-tooltip",{"showArrow":[4,"show-arrow"],"showSupportingText":[4,"show-supporting-text"],"showHelpTooltip":[32]}],[1,"gb-button-close",{"size":[1],"color":[1]}],[4,"gb-btn",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32]}],[1,"gb-tag",{"size":[1],"icon":[1],"action":[1],"flagSwap":[1,"flag-swap"],"checkbox":[4],"onTagClose":[64]}],[1,"gb-input-dropdown-menu-item",{"type":[1],"supportingText":[4,"supporting-text"],"selected":[1028],"state":[1],"color":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"leadingIconSvg":[32]}],[1,"gb-tag-checkbox",{"checked":[4],"size":[1],"disabled":[4]}],[1,"gb-tag-close",{"size":[1]}],[1,"gb-tag-count",{"size":[1]}],[1,"gb-badge",{"size":[1],"icon":[1],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailingSwap":[1,"icon-trailing-swap"],"flagSwap":[1,"flag-swap"],"color":[1],"type":[1],"closeButton":[4,"close-button"],"leadingIconContent":[32],"trailingIconContent":[32]}],[1,"gb-badge-close",{"color":[1],"type":[1]}],[1,"gb-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"type":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"]}],[1,"gb-button",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32],"internalButtonState":[32],"internalIconLeadingState":[32],"internalIconTrailingState":[32]},null,{"state":["updateButtonState"]}],[1,"gb-checkbox-base",{"state":[1025],"size":[1],"type":[1],"checked":[1028],"indeterminate":[1028]}],[1,"gb-tooltip",{"showArrow":[4,"show-arrow"],"arrow":[1],"showSupportingText":[4,"show-supporting-text"],"noWrap":[4,"no-wrap"]}],[1,"gb-avatar",{"size":[1],"placeholder":[4],"text":[4],"statusIcon":[1,"status-icon"],"state":[1],"icon":[1],"color":[1],"showBorder":[4,"show-border"],"weight":[1],"assignedColorClass":[32]}],[1,"gb-avatar-contrast-inner-border",{"weight":[1],"size":[1],"showBorder":[4,"show-border"]}],[1,"gb-status-indicator",{"statusIcon":[1,"status-icon"],"size":[1],"state":[1],"indicatorStateClass":[1,"indicator-state-class"]}]]],["p-78f8e026",[[1,"gb-table-header",{"showFilter":[4,"show-filter"],"showColumnOptions":[4,"show-column-options"],"tableHeading":[4,"table-heading"],"showSearch":[4,"show-search"],"showExport":[4,"show-export"],"showRefreshButton":[4,"show-refresh-button"],"tableHeadingLabel":[1,"table-heading-label"],"showLayoutToggle":[4,"show-layout-toggle"],"filterState":[1,"filter-state"],"filterCount":[2,"filter-count"],"showEntireData":[4,"show-entire-data"],"items":[32],"width":[32],"buttonIcon":[32],"showExportDropdown":[32]}]]],["p-0da1161c",[[1,"gb-pagination",{"type":[1],"shape":[1],"breakpoint":[1025],"currentPage":[1026,"current-page"],"totalPages":[1026,"total-pages"],"entries":[1040],"selectedPageSize":[32],"defaultSelected":[32],"pages":[32],"width":[32],"internalTotalPages":[32]},null,{"totalPages":["onTotalPagesChange"]}]]],["p-82bd13d8",[[1,"gb-avatar-dropdown",{"type":[1],"text":[4],"showProfile":[4,"show-profile"],"showThemeTab":[4,"show-theme-tab"],"showRoles":[4,"show-roles"],"roles":[16],"showLogOut":[4,"show-log-out"],"listGroupOne":[4,"list-group-one"],"listGroupTwo":[4,"list-group-two"],"listGroupThree":[4,"list-group-three"],"color":[1],"showBorder":[4,"show-border"],"currentTheme":[1,"current-theme"]}]]],["p-5698b43e",[[1,"gb-textarea-input-field",{"type":[1],"state":[1025],"destructive":[4],"placeholderText":[1,"placeholder-text"],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"idOfInput":[513,"id-of-input"],"isReadOnly":[516,"is-read-only"],"value":[1032],"icon":[1],"results":[1040],"content":[32],"inputValue":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"show":[32],"staffInfo":[32],"selectedItems":[32],"unselectedItems":[32]},[[4,"click","handleClickOutside"]],{"value":["updateSelectedItems"]}]]],["p-cba0c5a6",[[0,"test-input-tag",{"idOfInput":[513,"id-of-input"],"type":[513],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"placeholderText":[513,"placeholder-text"],"show":[32],"showSpinner":[32],"staffInfo":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"inputValue":[32],"dropdownOpen":[32]}]]],["p-87279526",[[1,"gb-detail-cell",{"state":[1],"cellStyle":[1025,"cell-style"],"type":[1],"label":[1],"detail":[1],"badgeIcon":[1,"badge-icon"],"badgeIconLeading":[1,"badge-icon-leading"],"badgeIconTrailing":[1,"badge-icon-trailing"],"badgeColor":[1,"badge-color"],"badgeLabel":[1,"badge-label"],"badgeType":[1,"badge-type"],"fileType":[1,"file-type"],"fileStyle":[1,"file-style"],"showActionButtons":[4,"show-action-buttons"],"showViewButton":[4,"show-view-button"],"showDownloadButton":[4,"show-download-button"],"showCopyButton":[1028,"show-copy-button"],"buttonText":[1,"button-text"],"showStandardCopyButton":[32],"showTooltip":[32],"copied":[32],"isDownloaded":[32],"width":[32]}]]],["p-c5e1da9e",[[1,"gb-checkbox-group",{"size":[1],"breakpoint":[1],"icon":[1],"selected":[4],"type":[1]}]]],["p-c79a28eb",[[1,"gb-top-bar-sidemenu",{"applicationName":[1,"application-name"],"applicationIcon":[1,"application-icon"],"activeIndex":[2,"active-index"],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"leadingIconSvg":[32]}]]],["p-7e514341",[[1,"gb-file-upload",{"icon":[1],"type":[1],"heightSize":[1,"height-size"],"state":[1],"destructive":[4],"showLabel":[4,"show-label"],"progress":[2],"fileType":[16],"files":[32],"fileStates":[32],"isDragging":[32]}]]],["p-a28438a1",[[1,"gb-horizontal-tabs",{"type":[1],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"],"internalActiveIndex":[32]},null,{"activeIndex":["setActiveIndex"]}]]],["p-66fe8fb0",[[1,"gb-avatar-group",{"size":[1],"moreUsers":[4,"more-users"],"addMoreButton":[4,"add-more-button"],"text":[4],"state":[1],"images":[16]}]]],["p-49513dd1",[[1,"gb-action-panel",{"type":[1],"showCloseButton":[4,"show-close-button"],"showSelectedRows":[4,"show-selected-rows"],"showCheckbox":[4,"show-checkbox"],"firstButton":[4,"first-button"],"firstButtonIconLeading":[1,"first-button-icon-leading"],"firstButtonIconTrailing":[1,"first-button-icon-trailing"],"secondButton":[4,"second-button"],"secondButtonIconLeading":[1,"second-button-icon-leading"],"secondButtonIconTrailing":[1,"second-button-icon-trailing"],"thirdButton":[4,"third-button"],"thirdButtonIconLeading":[1,"third-button-icon-leading"],"thirdButtonIconTrailing":[1,"third-button-icon-trailing"],"showSubmitButton":[4,"show-submit-button"],"submitButtonIconLeadingSwap":[1,"submit-button-icon-leading-swap"],"submitButtonIconTrailingSwap":[1,"submit-button-icon-trailing-swap"],"submitButtonState":[1,"submit-button-state"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"firstButtonState":[1,"first-button-state"],"secondButtonState":[1,"second-button-state"],"thirdButtonState":[1,"third-button-state"],"previousButtonState":[1,"previous-button-state"],"nextButtonState":[1,"next-button-state"],"showDraftButton":[4,"show-draft-button"],"submitButtonText":[1,"submit-button-text"],"showAmount":[4,"show-amount"],"showFee":[4,"show-fee"],"amount":[1],"fee":[1],"checked":[32],"internalNextButtonState":[32]},null,{"state":["updateButtonState"]}]]],["p-c2858ea3",[[1,"gb-header",{"state":[1],"showIndicator":[4,"show-indicator"],"text":[4],"placeholder":[4],"color":[1],"showBorder":[4,"show-border"],"showNotification":[4,"show-notification"],"showHelp":[4,"show-help"],"showLogo":[4,"show-logo"],"onNavBarItemClicked":[64]}]]],["p-d81f1bbd",[[1,"gb-avatar-profile-photo",{"placeholder":[4],"text":[4],"size":[1],"verified":[4],"icon":[1]}]]],["p-cabf73db",[[1,"gb-help-dropdown",{"showLogError":[4,"show-log-error"],"onHelpItemClicked":[64]}]]],["p-2fe0d9fd",[[1,"gb-stepper-horizontal-icons-centered",{"size":[1],"steps":[16],"type":[1],"breakpoint":[1]}]]],["p-23a139b1",[[1,"gb-stepper-horizontal-line-with-text",{"size":[1],"breakpoint":[1],"showContent":[4,"show-content"],"showSupportingText":[1028,"show-supporting-text"],"steps":[16],"internalSteps":[32],"width":[32],"internalState":[32],"internalStatus":[32]},null,{"steps":["onStepsChanged"]}]]],["p-ab5b1c41",[[1,"gb-stepper-vertical-icons-with-text",{"size":[1],"connector":[4],"type":[1],"steps":[16],"internalSteps":[32],"internalState":[32],"internalStatus":[32]},null,{"steps":["onStepsChanged"]}]]],["p-78387b1a",[[1,"gb-comment",{"heading":[1],"state":[1025],"noCommentText":[1,"no-comment-text"],"noCommentTextSub":[1,"no-comment-text-sub"],"comments":[16]}]]],["p-31962fce",[[1,"gb-notification-pane",{"state":[1],"notifications":[1040],"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-7e8e6f5a",[[1,"gb-slider",{"min":[2],"max":[2],"thumbType":[1,"thumb-type"],"leftControl":[2,"left-control"],"rightControl":[2,"right-control"],"label":[1],"unit":[1],"unitPosition":[1,"unit-position"],"leftValue":[32],"rightValue":[32]}]]],["p-f6739ea5",[[1,"gb-breadcrumbs",{"type":[1],"divider":[1],"breadcrumbs":[16],"icon":[1],"visibleBreadcrumbs":[32]}]]],["p-773e1690",[[1,"gb-empty-state",{"size":[1],"icon":[1],"message":[1],"description":[1],"cta":[4],"width":[32]}]]],["p-b00fc8b9",[[1,"gb-quick-action-card",{"color":[1],"icon":[1],"label":[1]}]]],["p-1b2600bf",[[1,"gb-quick-action-icon",{"icon":[1],"label":[1],"isHovered":[32]}]]],["p-8c352a9d",[[1,"gb-stepper-horizontal-minimal-icons",{"size":[1],"text":[4],"steps":[16]}]]],["p-df9fc1b5",[[1,"gb-toggle",{"size":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"],"pressed":[4]}]]],["p-92b050f7",[[1,"gb-token-field-compressed",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"]}]]],["p-dd344b1b",[[1,"gb-wysiwyg-tooltip",{"arrow":[1],"breakpoint":[1]}]]],["p-2a7f4b23",[[0,"gb-carousel-arrow",{"size":[1],"chevron":[1]}]]],["p-bb06a35a",[[1,"gb-pagination-dot-group",{"size":[1],"type":[1],"color":[1],"framed":[4]}]]],["p-093d4e72",[[0,"gb-pagination-dot-indicator",{"current":[4],"type":[1],"size":[1]}]]],["p-cf32a92b",[[1,"gb-progress-circle",{"size":[1],"shape":[1],"label":[4],"progress":[2]},null,{"progress":["handleProgressChange"]}]]],["p-16a4a399",[[1,"gb-scrollbar",{"length":[1]}]]],["p-cb648d73",[[1,"gb-stepper-horizontal-icons-connected",{"size":[1],"steps":[16]}]]],["p-8b2a9767",[[1,"gb-table-cell",{"type":[1]}]]],["p-0ae65dd7",[[1,"gb-checkbox-group-item",{"size":[1],"type":[1],"state":[1],"breakpoint":[1],"showCost":[4,"show-cost"],"selected":[1028]}]]],["p-b24e3a2a",[[1,"gb-vertical-tabs",{"size":[1],"type":[1],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"]}]]],["p-c84b8bc6",[[1,"gb-file-upload-item-base",{"icon":[1],"label":[1],"showLabel":[4,"show-label"],"state":[1],"heightSize":[1,"height-size"],"fileType":[1,"file-type"],"progress":[2],"fileSize":[2,"file-size"],"fileName":[1,"file-name"],"internalState":[32],"internalProgress":[32]},null,{"state":["onStateChange"],"progress":["onProgressChange"]}]]],["p-07ce6ce1",[[1,"gb-avatar-add-button",{"size":[1],"showToolTip":[1028,"show-tool-tip"],"state":[1],"el":[16]}]]],["p-68f1ff11",[[1,"gb-slider-control-handle",{"value":[1],"type":[1],"isHovered":[32],"isFocused":[32]}]]],["p-9c14f751",[[1,"gb-breadcrumb-button-base",{"current":[4],"type":[1],"icon":[4],"label":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}]]],["p-2faa5985",[[1,"gb-comment-item",{"name":[1],"duty":[1],"comment":[1],"timeStamp":[1,"time-stamp"],"connector":[4]}]]],["p-d2d8cc14",[[1,"gb-header-icon",{"state":[1],"showIndicator":[4,"show-indicator"],"icon":[1],"leadingIconSvg":[32]}]]],["p-9b498938",[[1,"gb-mega-input-field-base",{"size":[1],"state":[1],"inputValue":[32]}]]],["p-fc6c56dd",[[1,"gb-notification-content",{"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-9766aabd",[[1,"gb-toggle-base",{"size":[1],"state":[1],"pressed":[1028]}]]],["p-48676dcb",[[1,"gb-wysiwyg-editor-icon",{"active":[4],"type":[1],"state":[1]}]]],["p-843e4427",[[1,"gb-icon-button-base",{"current":[4],"icon":[1],"label":[1],"leadingIconSvg":[32],"showTooltip":[32]}]]],["p-f9b0157c",[[1,"gb-avatar-label-group",{"size":[1],"statusIcon":[1,"status-icon"],"state":[1],"placeholder":[4],"text":[4],"color":[1],"showBorder":[4,"show-border"]}],[1,"gb-theme-tab",{"theme":[1025],"currentActiveTab":[1025,"current-active-tab"]}]]],["p-acd2611c",[[1,"gb-button-group-base",{"current":[4],"icon":[1],"state":[1],"label":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}]]],["p-f6c5f765",[[1,"gb-dropdown-items-with-shortcut",{"icon":[4],"iconSrc":[1,"icon-src"],"checkbox":[4],"shortcut":[4],"shortcutIcon":[1,"shortcut-icon"],"label":[1],"state":[1],"destructive":[4],"leadingIconSvg":[32]}]]],["p-d000c8e6",[[1,"gb-card-icon",{"size":[1],"color":[1],"icon":[1],"leadingIconSvg":[32]}]]],["p-5ee749b7",[[1,"gb-input-dropdown",{"type":[1],"state":[1025],"size":[1],"showLabel":[4,"show-label"],"label":[1],"placeholder":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"iconSwap":[1,"icon-swap"],"text":[4],"leadingIcon":[1,"leading-icon"],"icon":[1],"items":[1040],"value":[1040],"supportingText":[4,"supporting-text"],"color":[1],"showBorder":[4,"show-border"],"menuPosition":[1,"menu-position"],"showSearchInput":[4,"show-search-input"],"inputValue":[1,"input-value"],"destructive":[1028],"errorText":[1,"error-text"],"loading":[1028],"leadingIconSvg":[32],"dropdownOpen":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"searchItem":[32],"searchResults":[32],"internalItems":[32],"showCloseButton":[32],"internalLoading":[32],"clearSelection":[64],"isDestructive":[64],"isNotDestructive":[64]},[[4,"click","handleClickOutside"]],{"items":["updateResultsAndShowInDropdown"],"loading":["onLoadingChanged"],"destructive":["watchDestructive"]}],[1,"gb-pagination-button-group-base",{"icon":[1],"state":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}],[1,"gb-pagination-number-base",{"shape":[1],"state":[1]}]]],["p-f3675b36",[[1,"gb-export-sub-dropdown",{"showEntireData":[4,"show-entire-data"]}],[1,"gb-export-dropdown-item",{"icon":[4],"state":[1],"type":[1]}],[1,"gb-export-sub-dropdown-item",{"icon":[1],"state":[1],"leadingIconSvg":[32]}]]],["p-e91cb581",[[1,"gb-filter-button",{"state":[1],"iconOnly":[4,"icon-only"]}],[65,"gb-button-group",{"items":[16],"icon":[1],"showLabel":[4,"show-label"],"label":[1],"internalItems":[32],"selectedValue":[32]},null,{"items":["onItemsUpdated"]}],[1,"gb-export-dropdown",{"state":[1],"showEntireData":[4,"show-entire-data"],"showFirstSubDropdown":[32],"showSecondSubDropdown":[32]}]]],["p-b733c49a",[[1,"gb-tab-button-base",{"current":[4],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"type":[1],"tabName":[1,"tab-name"],"alignment":[1]}]]],["p-8ae9beed",[[1,"gb-progress-bar",{"progress":[2],"showLabel":[4,"show-label"],"labelPosition":[1,"label-position"]}],[1,"gb-file-type-icon",{"fileStyle":[1,"file-style"],"fileType":[1,"file-type"]}]]],["p-5f585deb",[[1,"gb-step-base",{"status":[1],"size":[1],"type":[1],"state":[1],"connector":[4],"showContent":[4,"show-content"],"showSupportingText":[4,"show-supporting-text"],"label":[1],"supportingText":[1,"supporting-text"],"breakpoint":[1],"internalState":[32],"internalStatus":[32]},null,{"status":["onStatusChange"],"state":["onStateChange"]}],[1,"gb-featured-icon",{"size":[1],"destructive":[4],"icon":[1],"leadingIconSvg":[32]}],[1,"gb-step-icon-base",{"size":[1],"status":[1],"state":[1],"internalState":[32],"internalStatus":[32]},null,{"status":["onStatusChange"],"state":["onStateChange"]}]]]]'),t)}));
2
2
  //# sourceMappingURL=globuscomponents.esm.js.map
package/dist/globuscomponents/{p-3bc75ff9.entry.js → p-49513dd1.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r,c as n,h as e,g as a}from"./p-Dlqa7tPI.js";import{S as t}from"./p-cHn6O-Kf.js";const o="/* @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-700);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n [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-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-input: var(--gray-500);\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-900);\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 /* ----------------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\r\n.action_panel_div {\r\n display: flex;\r\n width: 100%;\r\n padding: var(--spacing-none) 0rem 0rem 0rem;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-background-card, #fff);\r\n}\r\n\r\n.panel_content {\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding: var(--spacing-4) var(--spacing-7);\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n\r\n.left_action {\r\n display: flex;\r\n gap: var(--spacing-5);\r\n align-items: center;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.rows_and_close_button {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n}\r\n\r\n.amount {\r\n display: flex;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.amount_heading {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.amount_text {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.right_action {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n /* justify-content: flex-end; */\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n width: 100%;\r\n flex: 1 0 0;\r\n}\r\n\r\n::slotted([slot='selected_rows']) {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n/**/\r\n.actions {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex: 1 0 0;\r\n}\r\n\r\n.right {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-6);\r\n}\r\n\r\n@media (max-width: 940px) {\r\n .right_action {\r\n flex-wrap: wrap;\r\n }\r\n}\r\n\r\n@media (max-width: 468px) {\r\n .panel_content {\r\n padding: var(--spacing-4) var(--spacing-5);\r\n }\r\n\r\n .three_buttons .button_divs {\r\n width: 100%;\r\n }\r\n\r\n .actions {\r\n flex-direction: column;\r\n gap: var(--spacing-4);\r\n }\r\n\r\n .actions .button_divs {\r\n width: 100%;\r\n }\r\n\r\n .right {\r\n width: 100%;\r\n gap: var(--spacing-4);\r\n }\r\n\r\n .actions .right .button_divs {\r\n width: 100%;\r\n }\r\n\r\n .right {\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n .right_action {\r\n justify-content: space-between;\r\n }\r\n\r\n .right_action .button_divs {\r\n flex: 1 0 0;\r\n }\r\n}\r\n";const i=class{constructor(e){r(this,e);this.firstButtonClicked=n(this,"firstButtonClicked");this.secondButtonClicked=n(this,"secondButtonClicked");this.thirdButtonClicked=n(this,"thirdButtonClicked");this.previousButtonClicked=n(this,"previousButtonClicked");this.saveAsDraft=n(this,"saveAsDraft");this.submitButtonClicked=n(this,"submitButtonClicked");this.nextButtonClicked=n(this,"nextButtonClicked");this.checkboxClicked=n(this,"checkboxClicked");this.showCloseButton=false;this.showSelectedRows=false;this.showCheckbox=false;this.firstButton=false;this.firstButtonIconLeading="";this.firstButtonIconTrailing="";this.secondButton=false;this.secondButtonIconLeading="";this.secondButtonIconTrailing="";this.thirdButton=false;this.thirdButtonIconLeading="";this.thirdButtonIconTrailing="";this.showSubmitButton=false;this.submitButtonIconLeadingSwap="";this.submitButtonIconTrailingSwap="";this.firstButtonText="";this.secondButtonText="";this.thirdButtonText="";this.showDraftButton=false;this.submitButtonText="";this.showAmount=false;this.showFee=false;this.amount="";this.fee="";this.checked=false}componentDidLoad(){const r=this.el.querySelector('[slot="selected_rows"]');const n=this.el.querySelector('[slot="label"]');if(r){r.classList.add("text-md-medium")}if(n){n.classList.add("text-md-medium")}}updateButtonState(r){this.internalNextButtonState=r}componentWillRender(){this.internalNextButtonState=this.nextButtonState}onCheckboxClicked(r){this.checked=r.detail;this.checkboxClicked.emit(this.checked)}onFirstButtonClicked(){if(this.firstButtonState==="default"){if(this.showCheckbox){this.firstButtonClicked.emit(this.checked)}else{this.firstButtonClicked.emit()}}else{return}}onSecondButtonClicked(){if(this.secondButtonState==="default"){if(this.showCheckbox){this.secondButtonClicked.emit(this.checked)}else{this.secondButtonClicked.emit()}}}onThirdButtonClicked(){if(this.thirdButtonState==="default"){if(this.showCheckbox){this.thirdButtonClicked.emit(this.checked)}else{this.thirdButtonClicked.emit()}}}onPreviousButtonClicked(){this.previousButtonClicked.emit()}onSaveAsDraft(){this.saveAsDraft.emit(this.draftButton)}onSubmitClicked(){this.submitButtonClicked.emit(this.submitButton)}onNextButtonClicked(){this.nextButtonClicked.emit()}render(){return e("div",{key:"8362d6e4e4b3519dae826637530a66b3abcce729",class:"action_panel_div"},this.type==="decision_panel"&&e("div",{key:"2b7ab45441242d281a6513fc9ba7656b4ba56f55",class:"panel_content"},e("div",{key:"d575a0f669369484c927708dd0cac69c4790cb51",class:"left_action"},e("div",{key:"82edac3c999a563e36a8bd5aba3ac494382ffca4",class:"rows_and_close_button"},this.showCloseButton&&e("gb-button-close",{key:"d1bdd0abd2c2c830bfe2fd48b756ebe57943499a",size:"md",color:"primary"}),this.showSelectedRows&&e("slot",{key:"345fda277ea7260dd56b560c14b7a315a916e535",name:"selected_rows"})),this.showCheckbox&&e("gb-checkbox",{key:"ab0609ffcf9de03de2fca676d675f242612dcc25",size:"md",state:t.Default,type:"checkbox",text:true,"supporting-text":false,onCheckboxClicked:this.onCheckboxClicked.bind(this)},e("slot",{key:"86f8ac44a44509315bfc5a6cdd557c90d59560fe",name:"label",slot:"label"})),this.showAmount&&e("div",{key:"237cf39be520f70ee7e65901070064e31e414e3a",class:"amount"},e("p",{key:"5409030527ef90602cb4978fae044a304f6c1251",class:"amount_heading text-sm-medium"},"Total amount:"),e("p",{key:"429fd0e906c5a4d49626deb84cb4bd52b8b5d54b",class:"amount_text text-lg-semi-bold"},this.amount)),this.showFee&&e("div",{key:"f3e7e5a0443e750251a19c59324801fa39dda197",class:"amount"},e("p",{key:"b8c9f1a93834222f32316f3dfe0995758823b436",class:"amount_heading text-sm-medium"},"Total fee:"),e("p",{key:"0a82177408fe206aa9030274da7bf1c12de371ce",class:"amount_text text-lg-semi-bold"},this.fee))),e("div",{key:"283c1cf64504c4b89fe1da8bb5c0c010a813b000",class:`right_action ${this.firstButton&&this.secondButton&&this.thirdButton&&"three_buttons"}`},this.firstButton&&e("div",{key:"bd97cb878864c36deba1fddd5f32e1b44ace331f",class:"button_divs"},e("gb-button",{key:"5e1fadea0d5d5c59b75c0c8f8fb7f480b07ed0be",size:"xl",state:this.firstButtonState,hierarchy:"primary",icon:"default","icon-leading":this.firstButtonIconLeading?true:false,"icon-trailing":this.firstButtonIconTrailing?true:false,"icon-leading-swap":this.firstButtonIconLeading,"icon-trailing-swap":this.firstButtonIconTrailing,onClick:()=>this.onFirstButtonClicked()},e("p",{key:"0b30cec47f5edf6e4197f60e3b5fc26a195dc649"},this.firstButtonText))),this.secondButton&&e("div",{key:"f5170b843dbae1b0304b1a62d96d8ae60476f293",class:"button_divs"},e("gb-button",{key:"b1631628f00c666bff9fe472016406bffe41e366",size:"xl",state:this.secondButtonState,hierarchy:"secondary_color",icon:"default","icon-leading":this.secondButtonIconLeading?true:false,"icon-trailing":this.secondButtonIconTrailing?true:false,"icon-leading-swap":this.secondButtonIconLeading,"icon-trailing-swap":this.secondButtonIconTrailing,onClick:()=>this.onSecondButtonClicked()},e("p",{key:"720389bb580fc49f1e96294089466acf000c1725"},this.secondButtonText))),this.thirdButton&&e("div",{key:"8db9dded37e188fa711db6eec7330185d9b4f87f",class:"button_divs"},e("gb-button",{key:"423af08f402ec5a2578ba97446f94cee244f4a94",size:"xl",state:this.thirdButtonState,hierarchy:"secondary_gray",icon:"default","icon-leading":this.thirdButtonIconLeading?true:false,"icon-trailing":this.thirdButtonIconTrailing?true:false,"icon-leading-swap":this.thirdButtonIconLeading,"icon-trailing-swap":this.thirdButtonIconTrailing,onClick:()=>this.onThirdButtonClicked()},e("p",{key:"4f7344470775c2b5b2774644f6629354808e9494"},this.thirdButtonText))))),this.type==="form_control"&&e("div",{key:"48c91f4a8adeef1cae394916737ec227381811f5",class:"panel_content"},e("div",{key:"550b32488ce8dae85f2bc8158711656f0c060e17",class:`actions ${this.showDraftButton?"draft_shown":""}`},e("div",{key:"33210161e66a49d8c1bd980b8a504d9bbd152ec9",class:"button_divs"},e("gb-button",{key:"30c91e953837da0a78f231dcd59572a1c8dd74b9",size:"xl",state:this.previousButtonState,hierarchy:"secondary_gray",icon:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"6f1eba830ea23e3a5494dd14ceabf3374b3d039f"},"Previous"))),e("div",{key:"27016a66f7c1dee0d8884efc7e0d052030496925",class:"right"},this.showDraftButton&&e("div",{key:"0a779f893039de3522d0d9344bf933eafe96edc5",class:"button_divs"},e("gb-button",{key:"f264633af0ebb969d6556af5e8d21c85b5b37fe8",size:"xl",hierarchy:"secondary_color",icon:"default",ref:r=>this.draftButton=r,onClick:()=>this.onSaveAsDraft()},e("p",{key:"1d912dfc04ca8597c54a23f13e52d002d802f9d5"},"Save as draft"))),this.showSubmitButton?e("div",{class:"button_divs"},e("gb-button",{size:"xl",hierarchy:"primary",icon:"default","icon-leading":this.submitButtonIconLeadingSwap?true:false,"icon-leading-swap":this.submitButtonIconLeadingSwap,"icon-trailing":this.submitButtonIconTrailingSwap?true:false,"icon-trailing-swap":this.submitButtonIconTrailingSwap,ref:r=>this.submitButton=r,onClick:()=>this.onSubmitClicked()},e("p",null,this.submitButtonText))):e("div",{class:"button_divs"},e("gb-button",{size:"xl",state:this.internalNextButtonState,hierarchy:"primary",icon:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()},e("p",null,"Next")))))))}get el(){return a(this)}static get watchers(){return{state:["updateButtonState"]}}};i.style=o;export{i as gb_action_panel};
2
- //# sourceMappingURL=p-3bc75ff9.entry.js.map
1
+ import{r,c as n,h as e,g as a}from"./p-Dlqa7tPI.js";import{S as t}from"./p-cHn6O-Kf.js";const o="/* @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-700);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n [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-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-input: var(--gray-500);\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-900);\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 /* ----------------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\r\n.action_panel_div {\r\n display: flex;\r\n width: 100%;\r\n padding: var(--spacing-none) 0rem 0rem 0rem;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-background-card, #fff);\r\n}\r\n\r\n.panel_content {\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding: var(--spacing-4) var(--spacing-7);\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n\r\n.left_action {\r\n display: flex;\r\n gap: var(--spacing-5);\r\n align-items: center;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.rows_and_close_button {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n}\r\n\r\n.amount {\r\n display: flex;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.amount_heading {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.amount_text {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.right_action {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n /* justify-content: flex-end; */\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n width: 100%;\r\n flex: 1 0 0;\r\n}\r\n\r\n::slotted([slot='selected_rows']) {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n/**/\r\n.actions {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex: 1 0 0;\r\n}\r\n\r\n.right {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-6);\r\n}\r\n\r\n@media (max-width: 940px) {\r\n .right_action {\r\n flex-wrap: wrap;\r\n }\r\n}\r\n\r\n@media (max-width: 468px) {\r\n .panel_content {\r\n padding: var(--spacing-4) var(--spacing-5);\r\n }\r\n\r\n .three_buttons .button_divs {\r\n width: 100%;\r\n }\r\n\r\n .actions {\r\n flex-direction: column;\r\n gap: var(--spacing-4);\r\n }\r\n\r\n .actions .button_divs {\r\n width: 100%;\r\n }\r\n\r\n .right {\r\n width: 100%;\r\n gap: var(--spacing-4);\r\n }\r\n\r\n .actions .right .button_divs {\r\n width: 100%;\r\n }\r\n\r\n .right {\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n .right_action {\r\n justify-content: space-between;\r\n }\r\n\r\n .right_action .button_divs {\r\n flex: 1 0 0;\r\n }\r\n}\r\n";const i=class{constructor(e){r(this,e);this.firstButtonClicked=n(this,"firstButtonClicked");this.secondButtonClicked=n(this,"secondButtonClicked");this.thirdButtonClicked=n(this,"thirdButtonClicked");this.previousButtonClicked=n(this,"previousButtonClicked");this.saveAsDraft=n(this,"saveAsDraft");this.submitButtonClicked=n(this,"submitButtonClicked");this.nextButtonClicked=n(this,"nextButtonClicked");this.checkboxClicked=n(this,"checkboxClicked");this.showCloseButton=false;this.showSelectedRows=false;this.showCheckbox=false;this.firstButton=false;this.firstButtonIconLeading="";this.firstButtonIconTrailing="";this.secondButton=false;this.secondButtonIconLeading="";this.secondButtonIconTrailing="";this.thirdButton=false;this.thirdButtonIconLeading="";this.thirdButtonIconTrailing="";this.showSubmitButton=false;this.submitButtonIconLeadingSwap="";this.submitButtonIconTrailingSwap="";this.firstButtonText="";this.secondButtonText="";this.thirdButtonText="";this.showDraftButton=false;this.submitButtonText="";this.showAmount=false;this.showFee=false;this.amount="";this.fee="";this.checked=false}componentDidLoad(){const r=this.el.querySelector('[slot="selected_rows"]');const n=this.el.querySelector('[slot="label"]');if(r){r.classList.add("text-md-medium")}if(n){n.classList.add("text-md-medium")}}updateButtonState(r){this.internalNextButtonState=r}componentWillRender(){this.internalNextButtonState=this.nextButtonState}onCheckboxClicked(r){this.checked=r.detail;this.checkboxClicked.emit(this.checked)}onFirstButtonClicked(){if(this.firstButtonState==="default"){if(this.showCheckbox){this.firstButtonClicked.emit(this.checked)}else{this.firstButtonClicked.emit()}}else{return}}onSecondButtonClicked(){if(this.secondButtonState==="default"){if(this.showCheckbox){this.secondButtonClicked.emit(this.checked)}else{this.secondButtonClicked.emit()}}}onThirdButtonClicked(){if(this.thirdButtonState==="default"){if(this.showCheckbox){this.thirdButtonClicked.emit(this.checked)}else{this.thirdButtonClicked.emit()}}}onPreviousButtonClicked(){this.previousButtonClicked.emit()}onSaveAsDraft(){this.saveAsDraft.emit(this.draftButton)}onSubmitClicked(){this.submitButtonClicked.emit(this.submitButton)}onNextButtonClicked(){this.nextButtonClicked.emit()}render(){return e("div",{key:"7ee9bc0b54a64f0ed603a4a2f83dee8df73c1ee8",class:"action_panel_div"},this.type==="decision_panel"&&e("div",{key:"e59a1f6720fb4ee394e4b61409b88dcdfca00d15",class:"panel_content"},e("div",{key:"7646b316c346830564d3f757d8a45df889c52e84",class:"left_action"},e("div",{key:"52d8d65f9e18bdecf6f6993e52207e77ac89f9fa",class:"rows_and_close_button"},this.showCloseButton&&e("gb-button-close",{key:"58430c5cce793bdda47d112ffe9af256590ff49d",size:"md",color:"primary"}),this.showSelectedRows&&e("slot",{key:"45fe48cb9407ab3b671ddb3251280f1f821e94d4",name:"selected_rows"})),this.showCheckbox&&e("gb-checkbox",{key:"2f17c3d8b1113005d47ab6b24ba8ccf62dae844b",size:"md",state:t.Default,type:"checkbox",text:true,"supporting-text":false,onCheckboxClicked:this.onCheckboxClicked.bind(this)},e("slot",{key:"676dd71a9386321145b25d730b25bc9992da0f98",name:"label",slot:"label"})),this.showAmount&&e("div",{key:"db9ddba48024bdea60e26ad396f2dbf338a54567",class:"amount"},e("p",{key:"c2cfc7fe1f5f904f8ab792039ba20547d526390b",class:"amount_heading text-sm-medium"},"Total amount:"),e("p",{key:"a3fd57bba539473e6c8e33def822b6cef3e60f5c",class:"amount_text text-lg-semi-bold"},this.amount)),this.showFee&&e("div",{key:"6c4f8b1738a4c1bd27b0af09879ae49495cb870f",class:"amount"},e("p",{key:"7129776387d85aab77cf9bc7ed63ae6b835fb1e9",class:"amount_heading text-sm-medium"},"Total fee:"),e("p",{key:"0e16a4847abab6d032f7ae403990329eb5dfec58",class:"amount_text text-lg-semi-bold"},this.fee))),e("div",{key:"b9747ba49f7fcc4ee6f0d5e08394693bf1d2db14",class:`right_action ${this.firstButton&&this.secondButton&&this.thirdButton&&"three_buttons"}`},this.firstButton&&e("div",{key:"af384f7d8b6a27e7954356c2ae13620b223dbe0b",class:"button_divs"},e("gb-button",{key:"6cbf7e6e2f33f8df502b32d8ac522e9dade8db60",size:"xl",state:this.firstButtonState,hierarchy:"primary",icon:"default","icon-leading":this.firstButtonIconLeading?true:false,"icon-trailing":this.firstButtonIconTrailing?true:false,"icon-leading-swap":this.firstButtonIconLeading,"icon-trailing-swap":this.firstButtonIconTrailing,onClick:()=>this.onFirstButtonClicked()},e("p",{key:"15cadd150cd9dc860fcabfb0a29e8ad2c5266267"},this.firstButtonText))),this.secondButton&&e("div",{key:"175eca3cb4bb6178b59d273391dbfb3d4cec61ea",class:"button_divs"},e("gb-button",{key:"11e3470d1f3b4904cc906062176b497ee9e329b9",size:"xl",state:this.secondButtonState,hierarchy:"secondary_color",icon:"default","icon-leading":this.secondButtonIconLeading?true:false,"icon-trailing":this.secondButtonIconTrailing?true:false,"icon-leading-swap":this.secondButtonIconLeading,"icon-trailing-swap":this.secondButtonIconTrailing,onClick:()=>this.onSecondButtonClicked()},e("p",{key:"4f9945981c4307711762ce7d8b35366b1a002860"},this.secondButtonText))),this.thirdButton&&e("div",{key:"4ba0c765ce7e87947b6338099a3631d46569c455",class:"button_divs"},e("gb-button",{key:"ecdc077a7b468de337406233d24756bce02eeb54",size:"xl",state:this.thirdButtonState,hierarchy:"secondary_gray",icon:"default","icon-leading":this.thirdButtonIconLeading?true:false,"icon-trailing":this.thirdButtonIconTrailing?true:false,"icon-leading-swap":this.thirdButtonIconLeading,"icon-trailing-swap":this.thirdButtonIconTrailing,onClick:()=>this.onThirdButtonClicked()},e("p",{key:"68a84de1a6316a1a01a3ab6872cc53bc1447f729"},this.thirdButtonText))))),this.type==="form_control"&&e("div",{key:"f9d4b1cb86dbeacfa4d1c0a84447898dae1f8ea6",class:"panel_content"},e("div",{key:"3901d7faef534142f8ac87566a4ed60dbc2e4dcc",class:`actions ${this.showDraftButton?"draft_shown":""}`},e("div",{key:"19f6497cb9e15012960ab4a6281de1630e852dee",class:"button_divs"},e("gb-button",{key:"fbbfb66107d887ec1f45eac08918274c6b193f15",size:"xl",state:this.previousButtonState,hierarchy:"secondary_gray",icon:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"0118c72b8abad1254120b366f82a6546b7f860cb"},"Previous"))),e("div",{key:"5cb7f8e4189c50cb1a4da645fc657d37de244bca",class:"right"},this.showDraftButton&&e("div",{key:"41ab5e81f528cdb06ab1c95ae239e50355cecaed",class:"button_divs"},e("gb-button",{key:"f0c7b3a8837e68c9b9a1d9abb233742c18144ad6",size:"xl",hierarchy:"secondary_color",icon:"default",ref:r=>this.draftButton=r,onClick:()=>this.onSaveAsDraft()},e("p",{key:"3f6109f3c6498a5374e92321e3ee5bd0735636ed"},"Save as draft"))),this.showSubmitButton?e("div",{class:"button_divs"},e("gb-button",{size:"xl",state:this.submitButtonState,hierarchy:"primary",icon:"default","icon-leading":this.submitButtonIconLeadingSwap?true:false,"icon-leading-swap":this.submitButtonIconLeadingSwap,"icon-trailing":this.submitButtonIconTrailingSwap?true:false,"icon-trailing-swap":this.submitButtonIconTrailingSwap,ref:r=>this.submitButton=r,onClick:()=>this.onSubmitClicked()},e("p",null,this.submitButtonText))):e("div",{class:"button_divs"},e("gb-button",{size:"xl",state:this.internalNextButtonState,hierarchy:"primary",icon:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()},e("p",null,"Next")))))))}get el(){return a(this)}static get watchers(){return{state:["updateButtonState"]}}};i.style=o;export{i as gb_action_panel};
2
+ //# sourceMappingURL=p-49513dd1.entry.js.map