@talend/react-forms
Version:
React forms library based on json schema form.
1 lines • 43.3 kB
Source Map (JSON)
{"version":3,"file":"TalendReactForms.min.css","mappings":"AAEA,iEACC,mBAEA,8HACC,wECCsC,mBDCtC,SACA,OACA,QACA,oCC6QgB,CD5QhB,aACA,8B;AEbF,uCACC,YACA,e;ACAD,mDACC,aACA,mCFmRiB,CElRjB,oCFmRiB,CEjRjB,0DACC,aACA,mCF8QgB,CE7QhB,4CF+QgB,C;AGzRlB,0CACC,cAGD,qBACC,wB;ACED,uCACC,kBAGC,iDACC,kBACA,sDAEA,sDACC,eAGD,8DACC,cAGD,sDACC,eAtB4B,CAuB5B,cAtB2B,CAuB3B,sDJxBuB,CIyBvB,mEJR4B,CIS5B,oEACA,gFACA,UAEC,8CJqPe,CIpPf,+CJoPe,CI/OlB,6CACC,8DAMF,yEACC,iBAGD,yGACC,qB;AChDF,oCACC,aAEA,8EAEC,OAGD,uCACC,aACA,qBAEA,yCACC,OAGD,8CACC,gBACA,YACA,aACA,mBACA,uBACA,oCLyQc,CKxQd,oCLuQc,C;AM9RjB,wCACC,kBACA,aACA,eACA,qBACA,iGACA,4CN0TgB,CMzThB,YACA,UAEA,qEACC,YACA,gBAGD,sFACC,YACA,aAIA,wHACC,SACA,UACA,qBAKH,0CACC,iENoB2B,C;AOpD5B,wCACC,aACA,eACA,UAEA,2CACC,gB;ACHD,8DACC,a;ACDD,6DACC,gBACA,aACA,sBACA,qCT8QkB,C;AUnRpB,yCACC,aACA,+CVmRiB,CUnRjB,0CVmRiB,CUlRjB,wEVEuC,CUDvC,0CAEA,qKAEC,UAGD,+CACC,uDVR+B,CUU/B,iLAEC,UAEA,mMACC,+DVjBgC,CUsBnC,2CACC,YACA,SAGD,4EACC,YACA,cACA,aACA,sBACA,8BAGD,2EACC,YACA,cACA,aACA,mB;ACxCD,gEACC,2BACA,qBACA,sCAGD,2GACC,YAGD,uGACC,UACA,SAEA,kJACC,gB;AChBH,iEACC,mBAEA,wHACC,wEZCsC,mBYCtC,SACA,OACA,QACA,qEACA,aACA,8BAEA,4HACC,aACA,OAEA,gIACC,U","sources":["webpack://TalendReactForms/./src/FormSkeleton.module.scss","webpack://TalendReactForms/../design-tokens/lib/_tokens.scss","webpack://TalendReactForms/./src/UIForm/utils/labels.module.scss","webpack://TalendReactForms/./src/UIForm/fields/Code/CodeSkeleton.module.scss","webpack://TalendReactForms/./src/UIForm/Widget/Widget.component.module.scss","webpack://TalendReactForms/./src/UIForm/fields/Comparator/Comparator.module.scss","webpack://TalendReactForms/./src/UIForm/fields/KeyValue/KeyValue.module.scss","webpack://TalendReactForms/./src/UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss","webpack://TalendReactForms/./src/UIForm/fields/MultiSelectTag/displayMode/TextMode.module.scss","webpack://TalendReactForms/./src/UIForm/fields/NestedListView/NestedListView.module.scss","webpack://TalendReactForms/./src/UIForm/fieldsets/Array/displayMode/TextModeArrayTemplate.module.scss","webpack://TalendReactForms/./src/UIForm/fieldsets/Array/ArrayItem.module.scss","webpack://TalendReactForms/./src/UIForm/fieldsets/Array/DefaultArrayTemplate.module.scss","webpack://TalendReactForms/./src/UIForm/UIForm.module.scss"],"sourcesContent":["@use '@talend/design-tokens/lib/tokens' as tokens;\n\n:global([data-drawer-content]:has([data-drawer-absolute-footer-buttons])) {\n\tmargin-bottom: 66px;\n\n\t.drawer-absolute-footer-buttons {\n\t\tbackground: tokens.$coral-color-neutral-background-medium;\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tpadding: tokens.$coral-spacing-m;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n}\n","// stylelint-disable indentation\n// stylelint-disable scss/operator-no-unspaced\n$coral-color-neutral-text: #{var(--coral-color-neutral-text, hsla(0, 0%, 13%, 1))};\n$coral-color-neutral-text-weak: #{var(--coral-color-neutral-text-weak, hsla(0, 0%, 38%, 1))};\n$coral-color-neutral-text-disabled: #{var(--coral-color-neutral-text-disabled, hsla(0, 0%, 44%, 1))};\n$coral-color-neutral-text-inverted: #{var(--coral-color-neutral-text-inverted, white)};\n$coral-color-neutral-background: #{var(--coral-color-neutral-background, white)};\n$coral-color-neutral-background-medium: #{var(--coral-color-neutral-background-medium, hsla(0, 0%, 97%, 1))};\n$coral-color-neutral-background-strong: #{var(--coral-color-neutral-background-strong, hsla(0, 0%, 88%, 1))};\n$coral-color-neutral-background-disabled: #{var(--coral-color-neutral-background-disabled, hsla(0, 0%, 88%, 1))};\n$coral-color-neutral-border: #{var(--coral-color-neutral-border, hsla(0, 0%, 55%, 1))};\n$coral-color-neutral-border-weak: #{var(--coral-color-neutral-border-weak, hsla(0, 0%, 82%, 1))};\n$coral-color-neutral-border-hover: #{var(--coral-color-neutral-border-hover, hsla(0, 0%, 40%, 1))};\n$coral-color-accent-text-weak: #{var(--coral-color-accent-text-weak, white)};\n$coral-color-accent-text-weak-hover: #{var(--coral-color-accent-text-weak-hover, hsla(204, 59%, 88%, 1))};\n$coral-color-accent-text-weak-active: #{var(--coral-color-accent-text-weak-active, hsla(205, 60%, 75%, 1))};\n$coral-color-accent-text: #{var(--coral-color-accent-text, hsla(204, 95%, 31%, 1))};\n$coral-color-accent-text-hover: #{var(--coral-color-accent-text-hover, hsla(204, 96%, 18%, 1))};\n$coral-color-accent-text-active: #{var(--coral-color-accent-text-active, hsla(205, 94%, 13%, 1))};\n$coral-color-accent-background: #{var(--coral-color-accent-background, hsla(204, 59%, 88%, 1))};\n$coral-color-accent-background-hover: #{var(--coral-color-accent-background-hover, hsla(205, 60%, 75%, 1))};\n$coral-color-accent-background-active: #{var(--coral-color-accent-background-active, hsla(204, 60%, 63%, 1))};\n$coral-color-accent-background-weak: #{var(--coral-color-accent-background-weak, white)};\n$coral-color-accent-background-weak-hover: #{var(--coral-color-accent-background-weak-hover, hsla(204, 59%, 88%, 1))};\n$coral-color-accent-background-weak-active: #{var(--coral-color-accent-background-weak-active, hsla(205, 60%, 75%, 1))};\n$coral-color-accent-background-strong: #{var(--coral-color-accent-background-strong, hsla(204, 95%, 31%, 1))};\n$coral-color-accent-background-strong-hover: #{var(--coral-color-accent-background-strong-hover, hsla(204, 95%, 23%, 1))};\n$coral-color-accent-background-strong-active: #{var(--coral-color-accent-background-strong-active, hsla(205, 95%, 15%, 1))};\n$coral-color-accent-border-hover: #{var(--coral-color-accent-border-hover, hsla(204, 95%, 23%, 1))};\n$coral-color-accent-border-active: #{var(--coral-color-accent-border-active, hsla(205, 95%, 15%, 1))};\n$coral-color-danger-text-weak: #{var(--coral-color-danger-text-weak, white)};\n$coral-color-danger-text-weak-hover: #{var(--coral-color-danger-text-weak-hover, hsla(358, 100%, 94%, 1))};\n$coral-color-danger-text-weak-active: #{var(--coral-color-danger-text-weak-active, hsla(359, 100%, 88%, 1))};\n$coral-color-danger-text: #{var(--coral-color-danger-text, hsla(359, 51%, 53%, 1))};\n$coral-color-danger-text-hover: #{var(--coral-color-danger-text-hover, hsla(359, 52%, 43%, 1))};\n$coral-color-danger-text-active: #{var(--coral-color-danger-text-active, hsla(359, 51%, 33%, 1))};\n$coral-color-danger-background: #{var(--coral-color-danger-background, hsla(0, 100%, 96%, 1))};\n$coral-color-danger-background-hover: #{var(--coral-color-danger-background-hover, hsla(359, 100%, 88%, 1))};\n$coral-color-danger-background-active: #{var(--coral-color-danger-background-active, hsla(359, 100%, 83%, 1))};\n$coral-color-danger-background-weak: #{var(--coral-color-danger-background-weak, white)};\n$coral-color-danger-background-weak-hover: #{var(--coral-color-danger-background-weak-hover, hsla(358, 100%, 94%, 1))};\n$coral-color-danger-background-weak-active: #{var(--coral-color-danger-background-weak-active, hsla(359, 100%, 88%, 1))};\n$coral-color-success-text-weak: #{var(--coral-color-success-text-weak, white)};\n$coral-color-success-text-weak-hover: #{var(--coral-color-success-text-weak-hover, hsla(110, 49%, 90%, 1))};\n$coral-color-success-text-weak-active: #{var(--coral-color-success-text-weak-active, hsla(110, 48%, 85%, 1))};\n$coral-color-success-text: #{var(--coral-color-success-text, hsla(111, 49%, 34%, 1))};\n$coral-color-success-text-hover: #{var(--coral-color-success-text-hover, hsla(111, 49%, 29%, 1))};\n$coral-color-success-text-active: #{var(--coral-color-success-text-active, hsla(111, 49%, 24%, 1))};\n$coral-color-success-background: #{var(--coral-color-success-background, hsla(110, 49%, 90%, 1))};\n$coral-color-danger-background-strong: #{var(--coral-color-danger-background-strong, hsla(359, 51%, 53%, 1))};\n$coral-color-danger-background-strong-hover: #{var(--coral-color-danger-background-strong-hover, hsla(359, 54%, 38%, 1))};\n$coral-color-danger-background-strong-active: #{var(--coral-color-danger-background-strong-active, hsla(359, 54%, 33%, 1))};\n$coral-color-danger-border: #{var(--coral-color-danger-border, hsla(359, 51%, 53%, 1))};\n$coral-color-success-background-hover: #{var(--coral-color-success-background-hover, hsla(110, 48%, 85%, 1))};\n$coral-color-danger-border-hover: #{var(--coral-color-danger-border-hover, hsla(359, 54%, 38%, 1))};\n$coral-color-success-background-active: #{var(--coral-color-success-background-active, hsla(110, 49%, 80%, 1))};\n$coral-color-danger-border-active: #{var(--coral-color-danger-border-active, hsla(359, 54%, 33%, 1))};\n$coral-color-success-background-weak: #{var(--coral-color-success-background-weak, white)};\n$coral-color-success-background-weak-hover: #{var(--coral-color-success-background-weak-hover, hsla(110, 49%, 90%, 1))};\n$coral-color-success-background-weak-active: #{var(--coral-color-success-background-weak-active, hsla(110, 48%, 85%, 1))};\n$coral-color-success-background-strong: #{var(--coral-color-success-background-strong, hsla(111, 49%, 34%, 1))};\n$coral-color-success-background-strong-hover: #{var(--coral-color-success-background-strong-hover, hsla(111, 49%, 29%, 1))};\n$coral-color-success-background-strong-active: #{var(--coral-color-success-background-strong-active, hsla(111, 49%, 24%, 1))};\n$coral-color-warning-text-weak: #{var(--coral-color-warning-text-weak, white)};\n$coral-color-warning-text-weak-hover: #{var(--coral-color-warning-text-weak-hover, hsla(22, 85%, 92%, 1))};\n$coral-color-warning-text-weak-active: #{var(--coral-color-warning-text-weak-active, hsla(22, 85%, 82%, 1))};\n$coral-color-success-border: #{var(--coral-color-success-border, hsla(111, 49%, 34%, 1))};\n$coral-color-warning-text: #{var(--coral-color-warning-text, hsla(22, 93%, 41%, 1))};\n$coral-color-warning-text-hover: #{var(--coral-color-warning-text-hover, hsla(21, 94%, 31%, 1))};\n$coral-color-warning-text-active: #{var(--coral-color-warning-text-active, hsla(21, 93%, 21%, 1))};\n$coral-color-warning-background: #{var(--coral-color-warning-background, hsla(22, 85%, 92%, 1))};\n$coral-color-success-border-hover: #{var(--coral-color-success-border-hover, hsla(111, 49%, 29%, 1))};\n$coral-color-warning-background-hover: #{var(--coral-color-warning-background-hover, hsla(22, 85%, 82%, 1))};\n$coral-color-success-border-active: #{var(--coral-color-success-border-active, hsla(111, 49%, 24%, 1))};\n$coral-color-warning-background-active: #{var(--coral-color-warning-background-active, hsla(22, 85%, 72%, 1))};\n$coral-color-warning-background-weak: #{var(--coral-color-warning-background-weak, white)};\n$coral-color-assistive-text: #{var(--coral-color-assistive-text, white)};\n$coral-color-warning-background-weak-hover: #{var(--coral-color-warning-background-weak-hover, hsla(22, 85%, 92%, 1))};\n$coral-color-warning-background-weak-active: #{var(--coral-color-warning-background-weak-active, hsla(22, 85%, 82%, 1))};\n$coral-color-assistive-background: #{var(--coral-color-assistive-background, hsla(210, 62%, 5%, 1))};\n$coral-color-warning-background-strong: #{var(--coral-color-warning-background-strong, hsla(22, 93%, 41%, 1))};\n$coral-color-warning-background-strong-hover: #{var(--coral-color-warning-background-strong-hover, hsla(21, 94%, 31%, 1))};\n$coral-color-warning-background-strong-active: #{var(--coral-color-warning-background-strong-active, hsla(21, 93%, 21%, 1))};\n$coral-color-warning-border: #{var(--coral-color-warning-border, hsla(22, 93%, 41%, 1))};\n$coral-color-assistive-border: #{var(--coral-color-assistive-border, hsla(0, 0%, 47%, 1))};\n$coral-color-warning-border-hover: #{var(--coral-color-warning-border-hover, hsla(21, 94%, 31%, 1))};\n$coral-color-warning-border-active: #{var(--coral-color-warning-border-active, hsla(21, 93%, 21%, 1))};\n$coral-color-branding-brand: #{var(--coral-color-branding-brand, hsla(359, 100%, 71%, 1))};\n$coral-color-neutral-border-disabled: #{var(--coral-color-neutral-border-disabled, hsla(0, 0%, 65%, 1))};\n$coral-color-neutral-border-weak-hover: #{var(--coral-color-neutral-border-weak-hover, hsla(0, 0%, 72%, 1))};\n$coral-color-assistive-border-focus: #{var(--coral-color-assistive-border-focus, hsla(241, 54%, 61%, 1))};\n$coral-color-accent-text-strong: #{var(--coral-color-accent-text-strong, hsla(204, 96%, 18%, 1))};\n$coral-color-accent-text-strong-hover: #{var(--coral-color-accent-text-strong-hover, hsla(204, 97%, 13%, 1))};\n$coral-color-accent-text-strong-active: #{var(--coral-color-accent-text-strong-active, hsla(205, 95%, 8%, 1))};\n$coral-color-danger-text-strong: #{var(--coral-color-danger-text-strong, hsla(359, 47%, 44%, 1))};\n$coral-color-danger-text-strong-hover: #{var(--coral-color-danger-text-strong-hover, hsla(359, 54%, 38%, 1))};\n$coral-color-danger-text-strong-active: #{var(--coral-color-danger-text-strong-active, hsla(359, 54%, 33%, 1))};\n$coral-color-success-text-strong: #{var(--coral-color-success-text-strong, hsla(111, 49%, 29%, 1))};\n$coral-color-success-text-strong-hover: #{var(--coral-color-success-text-strong-hover, hsla(110, 49%, 24%, 1))};\n$coral-color-success-text-strong-active: #{var(--coral-color-success-text-strong-active, hsla(111, 48%, 19%, 1))};\n$coral-color-warning-text-strong: #{var(--coral-color-warning-text-strong, hsla(22, 86%, 27%, 1))};\n$coral-color-warning-text-strong-hover: #{var(--coral-color-warning-text-strong-hover, hsla(23, 86%, 22%, 1))};\n$coral-color-warning-text-strong-active: #{var(--coral-color-warning-text-strong-active, hsla(23, 86%, 17%, 1))};\n$coral-color-beta-text: #{var(--coral-color-beta-text, hsla(280, 57%, 49%, 1))};\n$coral-color-beta-text-hover: #{var(--coral-color-beta-text-hover, hsla(281, 58%, 39%, 1))};\n$coral-color-beta-text-active: #{var(--coral-color-beta-text-active, hsla(281, 58%, 29%, 1))};\n$coral-color-beta-icon: #{var(--coral-color-beta-icon, hsla(280, 80%, 54%, 1))};\n$coral-color-beta-icon-hover: #{var(--coral-color-beta-icon-hover, hsla(280, 80%, 44%, 1))};\n$coral-color-beta-icon-active: #{var(--coral-color-beta-icon-active, hsla(280, 80%, 34%, 1))};\n$coral-color-beta-text-weak: #{var(--coral-color-beta-text-weak, white)};\n$coral-color-beta-text-weak-hover: #{var(--coral-color-beta-text-weak-hover, hsla(280, 56%, 83%, 1))};\n$coral-color-beta-text-weak-active: #{var(--coral-color-beta-text-weak-active, hsla(280, 57%, 73%, 1))};\n$coral-color-beta-text-strong: #{var(--coral-color-beta-text-strong, hsla(281, 58%, 29%, 1))};\n$coral-color-beta-text-strong-hover: #{var(--coral-color-beta-text-strong-hover, hsla(282, 58%, 19%, 1))};\n$coral-color-beta-text-strong-active: #{var(--coral-color-beta-text-strong-active, hsla(282, 57%, 9%, 1))};\n$coral-color-beta-background: #{var(--coral-color-beta-background, hsla(279, 57%, 90%, 1))};\n$coral-color-beta-background-hover: #{var(--coral-color-beta-background-hover, hsla(279, 57%, 81%, 1))};\n$coral-color-beta-background-active: #{var(--coral-color-beta-background-active, hsla(279, 57%, 71%, 1))};\n$coral-color-beta-background-weak: #{var(--coral-color-beta-background-weak, white)};\n$coral-color-beta-background-weak-hover: #{var(--coral-color-beta-background-weak-hover, hsla(279, 57%, 90%, 1))};\n$coral-color-beta-background-weak-active: #{var(--coral-color-beta-background-weak-active, hsla(279, 57%, 80%, 1))};\n$coral-color-beta-background-strong: #{var(--coral-color-beta-background-strong, hsla(281, 58%, 29%, 1))};\n$coral-color-beta-background-strong-hover: #{var(--coral-color-beta-background-strong-hover, hsla(282, 58%, 19%, 1))};\n$coral-color-beta-background-strong-active: #{var(--coral-color-beta-background-strong-active, hsla(282, 57%, 9%, 1))};\n$coral-color-beta-border: #{var(--coral-color-beta-border, hsla(281, 58%, 29%, 1))};\n$coral-color-beta-border-hover: #{var(--coral-color-beta-border-hover, hsla(282, 58%, 19%, 1))};\n$coral-color-beta-border-active: #{var(--coral-color-beta-border-active, hsla(282, 57%, 9%, 1))};\n$coral-color-neutral-border-strong: #{var(--coral-color-neutral-border-strong, hsla(0, 0%, 25%, 1))};\n$coral-color-neutral-border-strong-hover: #{var(--coral-color-neutral-border-strong-hover, hsla(0, 0%, 15%, 1))};\n$coral-color-neutral-icon-inverted: #{var(--coral-color-neutral-icon-inverted, white)};\n$coral-color-neutral-icon: #{var(--coral-color-neutral-icon, hsla(0, 0%, 13%, 1))};\n$coral-color-neutral-icon-weak: #{var(--coral-color-neutral-icon-weak, hsla(0, 0%, 38%, 1))};\n$coral-color-accent-icon: #{var(--coral-color-accent-icon, hsla(204, 88%, 40%, 1))};\n$coral-color-accent-icon-hover: #{var(--coral-color-accent-icon-hover, hsla(204, 88%, 30%, 1))};\n$coral-color-accent-icon-active: #{var(--coral-color-accent-icon-active, hsla(205, 88%, 20%, 1))};\n$coral-color-danger-icon: #{var(--coral-color-danger-icon, hsla(359, 69%, 53%, 1))};\n$coral-color-danger-icon-hover: #{var(--coral-color-danger-icon-hover, hsla(359, 69%, 43%, 1))};\n$coral-color-danger-icon-active: #{var(--coral-color-danger-icon-active, hsla(359, 69%, 33%, 1))};\n$coral-color-success-icon: #{var(--coral-color-success-icon, hsla(111, 53%, 40%, 1))};\n$coral-color-success-icon-hover: #{var(--coral-color-success-icon-hover, hsla(111, 53%, 30%, 1))};\n$coral-color-success-icon-active: #{var(--coral-color-success-icon-active, hsla(111, 53%, 20%, 1))};\n$coral-color-warning-icon: #{var(--coral-color-warning-icon, hsla(22, 87%, 47%, 1))};\n$coral-color-warning-icon-hover: #{var(--coral-color-warning-icon-hover, hsla(22, 87%, 37%, 1))};\n$coral-color-warning-icon-active: #{var(--coral-color-warning-icon-active, hsla(22, 87%, 27%, 1))};\n$coral-color-charts-neutral: #{var(--coral-color-charts-neutral, hsla(0, 0%, 22%, 1))};\n$coral-color-charts-neutral-weak: #{var(--coral-color-charts-neutral-weak, hsla(0, 0%, 83%, 1))};\n$coral-color-charts-neutral-strong: #{var(--coral-color-charts-neutral-strong, hsla(0, 0%, 12%, 1))};\n$coral-color-charts-neutral-hover: #{var(--coral-color-charts-neutral-hover, hsla(0, 0%, 12%, 1))};\n$coral-color-charts-success: #{var(--coral-color-charts-success, hsla(148, 87%, 40%, 1))};\n$coral-color-charts-success-weak: #{var(--coral-color-charts-success-weak, hsla(130, 52%, 91%, 1))};\n$coral-color-charts-success-strong: #{var(--coral-color-charts-success-strong, hsla(139, 50%, 22%, 1))};\n$coral-color-charts-success-hover: #{var(--coral-color-charts-success-hover, hsla(139, 50%, 22%, 1))};\n$coral-color-charts-danger: #{var(--coral-color-charts-danger, hsla(4, 89%, 49%, 1))};\n$coral-color-charts-danger-weak: #{var(--coral-color-charts-danger-weak, hsla(359, 69%, 73%, 1))};\n$coral-color-charts-danger-strong: #{var(--coral-color-charts-danger-strong, hsla(359, 62%, 43%, 1))};\n$coral-color-charts-danger-hover: #{var(--coral-color-charts-danger-hover, hsla(359, 62%, 43%, 1))};\n$coral-color-charts-warning: #{var(--coral-color-charts-warning, hsla(32, 100%, 56%, 1))};\n$coral-color-charts-warning-weak: #{var(--coral-color-charts-warning-weak, hsla(22, 88%, 84%, 1))};\n$coral-color-charts-warning-strong: #{var(--coral-color-charts-warning-strong, hsla(22, 75%, 42%, 1))};\n$coral-color-charts-warning-hover: #{var(--coral-color-charts-warning-hover, hsla(22, 75%, 42%, 1))};\n$coral-color-charts-default: #{var(--coral-color-charts-default, hsla(216, 82%, 48%, 1))};\n$coral-color-charts-default-weak: #{var(--coral-color-charts-default-weak, hsla(204, 59%, 73%, 1))};\n$coral-color-charts-default-strong: #{var(--coral-color-charts-default-strong, hsla(204, 92%, 29%, 1))};\n$coral-color-charts-default-hover: #{var(--coral-color-charts-default-hover, hsla(204, 92%, 29%, 1))};\n$coral-color-charts-color-00: #{var(--coral-color-charts-color-00, hsla(48, 100%, 50%, 1))};\n$coral-color-charts-color-00-weak: #{var(--coral-color-charts-color-00-weak, hsla(51, 91%, 82%, 1))};\n$coral-color-charts-color-00-strong: #{var(--coral-color-charts-color-00-strong, hsla(48, 82%, 45%, 1))};\n$coral-color-charts-color-00-hover: #{var(--coral-color-charts-color-00-hover, hsla(48, 82%, 45%, 1))};\n$coral-color-charts-color-01: #{var(--coral-color-charts-color-01, hsla(216, 82%, 48%, 1))};\n$coral-color-charts-color-01-weak: #{var(--coral-color-charts-color-01-weak, hsla(204, 59%, 73%, 1))};\n$coral-color-charts-color-01-strong: #{var(--coral-color-charts-color-01-strong, hsla(204, 92%, 29%, 1))};\n$coral-color-charts-color-01-hover: #{var(--coral-color-charts-color-01-hover, hsla(204, 92%, 29%, 1))};\n$coral-color-charts-color-02: #{var(--coral-color-charts-color-02, hsla(194, 92%, 50%, 1))};\n$coral-color-charts-color-02-weak: #{var(--coral-color-charts-color-02-weak, hsla(194, 91%, 91%, 1))};\n$coral-color-charts-color-02-strong: #{var(--coral-color-charts-color-02-strong, hsla(194, 93%, 32%, 1))};\n$coral-color-charts-color-02-hover: #{var(--coral-color-charts-color-02-hover, hsla(194, 93%, 32%, 1))};\n$coral-color-charts-color-03: #{var(--coral-color-charts-color-03, hsla(140, 39%, 79%, 1))};\n$coral-color-charts-color-03-weak: #{var(--coral-color-charts-color-03-weak, hsla(138, 40%, 92%, 1))};\n$coral-color-charts-color-03-strong: #{var(--coral-color-charts-color-03-strong, hsla(139, 11%, 35%, 1))};\n$coral-color-charts-color-03-hover: #{var(--coral-color-charts-color-03-hover, hsla(139, 11%, 35%, 1))};\n$coral-color-charts-color-04: #{var(--coral-color-charts-color-04, hsla(148, 87%, 40%, 1))};\n$coral-color-charts-color-04-weak: #{var(--coral-color-charts-color-04-weak, hsla(130, 52%, 91%, 1))};\n$coral-color-charts-color-04-strong: #{var(--coral-color-charts-color-04-strong, hsla(139, 50%, 22%, 1))};\n$coral-color-charts-color-04-hover: #{var(--coral-color-charts-color-04-hover, hsla(139, 50%, 22%, 1))};\n$coral-color-charts-color-05: #{var(--coral-color-charts-color-05, hsla(324, 68%, 71%, 1))};\n$coral-color-charts-color-05-weak: #{var(--coral-color-charts-color-05-weak, hsla(323, 69%, 95%, 1))};\n$coral-color-charts-color-05-strong: #{var(--coral-color-charts-color-05-strong, hsla(324, 28%, 49%, 1))};\n$coral-color-charts-color-05-hover: #{var(--coral-color-charts-color-05-hover, hsla(324, 28%, 49%, 1))};\n$coral-color-charts-color-06: #{var(--coral-color-charts-color-06, hsla(280, 75%, 58%, 1))};\n$coral-color-charts-color-06-weak: #{var(--coral-color-charts-color-06-weak, hsla(279, 77%, 88%, 1))};\n$coral-color-charts-color-06-strong: #{var(--coral-color-charts-color-06-strong, hsla(280, 54%, 36%, 1))};\n$coral-color-charts-color-06-hover: #{var(--coral-color-charts-color-06-hover, hsla(280, 54%, 36%, 1))};\n$coral-color-charts-color-07: #{var(--coral-color-charts-color-07, hsla(4, 89%, 49%, 1))};\n$coral-color-charts-color-07-weak: #{var(--coral-color-charts-color-07-weak, hsla(359, 69%, 73%, 1))};\n$coral-color-charts-color-07-strong: #{var(--coral-color-charts-color-07-strong, hsla(359, 62%, 43%, 1))};\n$coral-color-charts-color-07-hover: #{var(--coral-color-charts-color-07-hover, hsla(359, 62%, 43%, 1))};\n$coral-color-charts-color-08: #{var(--coral-color-charts-color-08, hsla(22, 88%, 54%, 1))};\n$coral-color-charts-color-08-weak: #{var(--coral-color-charts-color-08-weak, hsla(22, 88%, 84%, 1))};\n$coral-color-charts-color-08-strong: #{var(--coral-color-charts-color-08-strong, hsla(22, 75%, 42%, 1))};\n$coral-color-charts-color-08-hover: #{var(--coral-color-charts-color-08-hover, hsla(22, 75%, 42%, 1))};\n$coral-color-charts-color-09: #{var(--coral-color-charts-color-09, hsla(34, 34%, 45%, 1))};\n$coral-color-charts-color-09-weak: #{var(--coral-color-charts-color-09-weak, hsla(35, 28%, 82%, 1))};\n$coral-color-charts-color-09-strong: #{var(--coral-color-charts-color-09-strong, hsla(35, 34%, 27%, 1))};\n$coral-color-charts-color-09-hover: #{var(--coral-color-charts-color-09-hover, hsla(35, 34%, 27%, 1))};\n$coral-color-accent-border: #{var(--coral-color-accent-border, hsla(204, 95%, 31%, 1))};\n$coral-color-charts-default-text: #{var(--coral-color-charts-default-text, hsla(205, 87%, 94%, 1))};\n$coral-color-charts-default-text-strong: #{var(--coral-color-charts-default-text-strong, hsla(205, 93%, 22%, 1))};\n$coral-color-charts-default-text-weak: #{var(--coral-color-charts-default-text-weak, hsla(207, 93%, 94%, 1))};\n$coral-color-charts-color-09-text: #{var(--coral-color-charts-color-09-text, hsla(36, 36%, 5%, 1))};\n$coral-color-charts-color-09-text-strong: #{var(--coral-color-charts-color-09-text-strong, hsla(36, 36%, 5%, 1))};\n$coral-color-charts-color-09-text-weak: #{var(--coral-color-charts-color-09-text-weak, hsla(35, 28%, 82%, 1))};\n$coral-color-neutral-background-heavy: #{var(--coral-color-neutral-background-heavy, hsla(0, 0%, 78%, 1))};\n$coral-color-illustration-color-01: #{var(--coral-color-illustration-color-01, hsla(211, 62%, 26%, 1))};\n$coral-color-illustration-color-02: #{var(--coral-color-illustration-color-02, hsla(211, 43%, 47%, 1))};\n$coral-color-illustration-color-03: #{var(--coral-color-illustration-color-03, hsla(201, 31%, 85%, 1))};\n$coral-color-illustration-color-05: #{var(--coral-color-illustration-color-05, hsla(359, 82%, 81%, 1))};\n$coral-color-illustration-color-04: #{var(--coral-color-illustration-color-04, hsla(359, 100%, 72%, 1))};\n$coral-color-illustration-color-06: #{var(--coral-color-illustration-color-06, hsla(358, 100%, 93%, 1))};\n$coral-color-illustration-skintone-01: #{var(--coral-color-illustration-skintone-01, hsla(20, 91%, 83%, 1))};\n$coral-color-illustration-skintone-02: #{var(--coral-color-illustration-skintone-02, hsla(21, 34%, 55%, 1))};\n$coral-color-illustration-skintone-03: #{var(--coral-color-illustration-skintone-03, hsla(17, 33%, 28%, 1))};\n$coral-color-illustration-shadow: #{var(--coral-color-illustration-shadow, hsla(0, 0%, 0%, 0.1))};\n$coral-color-illustration-color-07: #{var(--coral-color-illustration-color-07, hsla(192, 33%, 97%, 1))};\n$coral-color-illustration-color-08: #{var(--coral-color-illustration-color-08, hsla(211, 23%, 74%, 1))};\n$coral-color-illustration-color-09: #{var(--coral-color-illustration-color-09, hsla(245, 10%, 23%, 1))};\n$coral-color-accent-background-selected: #{var(--coral-color-accent-background-selected, hsla(204, 100%, 95%, 1))};\n$coral-color-info-text: #{var(--coral-color-info-text, hsla(204, 95%, 31%, 1))};\n$coral-color-info-text-hover: #{var(--coral-color-info-text-hover, hsla(204, 96%, 18%, 1))};\n$coral-color-info-text-active: #{var(--coral-color-info-text-active, hsla(205, 94%, 13%, 1))};\n$coral-color-info-text-weak: #{var(--coral-color-info-text-weak, white)};\n$coral-color-info-text-weak-hover: #{var(--coral-color-info-text-weak-hover, hsla(204, 59%, 88%, 1))};\n$coral-color-info-text-weak-active: #{var(--coral-color-info-text-weak-active, hsla(205, 60%, 75%, 1))};\n$coral-color-info-text-strong: #{var(--coral-color-info-text-strong, hsla(204, 96%, 18%, 1))};\n$coral-color-info-text-strong-hover: #{var(--coral-color-info-text-strong-hover, hsla(204, 97%, 13%, 1))};\n$coral-color-info-text-strong-active: #{var(--coral-color-info-text-strong-active, hsla(205, 95%, 8%, 1))};\n$coral-color-info-background-hover: #{var(--coral-color-info-background-hover, hsla(205, 60%, 75%, 1))};\n$coral-color-info-background-active: #{var(--coral-color-info-background-active, hsla(204, 60%, 63%, 1))};\n$coral-color-info-background-weak: #{var(--coral-color-info-background-weak, white)};\n$coral-color-info-background-weak-hover: #{var(--coral-color-info-background-weak-hover, hsla(204, 59%, 88%, 1))};\n$coral-color-info-background-weak-active: #{var(--coral-color-info-background-weak-active, hsla(205, 60%, 75%, 1))};\n$coral-color-info-background-strong: #{var(--coral-color-info-background-strong, hsla(204, 95%, 31%, 1))};\n$coral-color-info-background-strong-hover: #{var(--coral-color-info-background-strong-hover, hsla(204, 95%, 23%, 1))};\n$coral-color-info-background-strong-active: #{var(--coral-color-info-background-strong-active, hsla(205, 95%, 15%, 1))};\n$coral-color-info-border: #{var(--coral-color-info-border, hsla(204, 95%, 31%, 1))};\n$coral-color-info-border-hover: #{var(--coral-color-info-border-hover, hsla(204, 95%, 23%, 1))};\n$coral-color-info-border-active: #{var(--coral-color-info-border-active, hsla(205, 95%, 15%, 1))};\n$coral-color-info-icon: #{var(--coral-color-info-icon, hsla(204, 88%, 40%, 1))};\n$coral-color-info-icon-hover: #{var(--coral-color-info-icon-hover, hsla(204, 88%, 30%, 1))};\n$coral-color-info-icon-active: #{var(--coral-color-info-icon-active, hsla(205, 88%, 20%, 1))};\n$coral-color-brand-text: #{var(--coral-color-brand-text, white)};\n$coral-color-brand-text-hover: #{var(--coral-color-brand-text-hover, white)};\n$coral-color-brand-text-active: #{var(--coral-color-brand-text-active, white)};\n$coral-color-brand-text-inverted: #{var(--coral-color-brand-text-inverted, hsla(0, 0%, 38%, 1))};\n$coral-color-brand-text-inverted-hover: #{var(--coral-color-brand-text-inverted-hover, hsla(0, 0%, 13%, 1))};\n$coral-color-brand-text-inverted-active: #{var(--coral-color-brand-text-inverted-active, hsla(0, 0%, 13%, 1))};\n$coral-color-brand-text-selected: #{var(--coral-color-brand-text-selected, hsla(204, 96%, 18%, 1))};\n$coral-color-brand-background-weak: #{var(--coral-color-brand-background-weak, hsla(0, 0%, 100%, 0))};\n$coral-color-brand-background-weak-hover: #{var(--coral-color-brand-background-weak-hover, hsla(0, 0%, 100%, 0.1))};\n$coral-color-brand-background-weak-active: #{var(--coral-color-brand-background-weak-active, hsla(0, 0%, 100%, 0.1))};\n$coral-color-brand-background-selected: #{var(--coral-color-brand-background-selected, white)};\n$coral-color-brand-background-inverted: #{var(--coral-color-brand-background-inverted, hsla(0, 0%, 13%, 0))};\n$coral-color-brand-background-inverted-hover: #{var(--coral-color-brand-background-inverted-hover, hsla(0, 0%, 13%, 0.1))};\n$coral-color-brand-background-inverted-active: #{var(--coral-color-brand-background-inverted-active, hsla(0, 0%, 13%, 0.1))};\n$coral-color-brand-border: #{var(--coral-color-brand-border, white)};\n$coral-color-brand-border-hover: #{var(--coral-color-brand-border-hover, white)};\n$coral-color-brand-border-active: #{var(--coral-color-brand-border-active, white)};\n$coral-color-info-background: #{var(--coral-color-info-background, hsla(204, 59%, 88%, 1))};\n$coral-color-brand-icon: #{var(--coral-color-brand-icon, white)};\n$coral-color-brand-icon-hover: #{var(--coral-color-brand-icon-hover, white)};\n$coral-color-brand-icon-active: #{var(--coral-color-brand-icon-active, white)};\n$coral-color-brand-icon-inverted: #{var(--coral-color-brand-icon-inverted, hsla(0, 0%, 38%, 1))};\n$coral-color-brand-icon-inverted-hover: #{var(--coral-color-brand-icon-inverted-hover, hsla(0, 0%, 13%, 1))};\n$coral-color-brand-icon-inverted-active: #{var(--coral-color-brand-icon-inverted-active, hsla(0, 0%, 13%, 1))};\n$coral-color-brand-icon-selected: #{var(--coral-color-brand-icon-selected, hsla(204, 96%, 18%, 1))};\n$coral-color-branding-background: #{var(--coral-color-branding-background, linear-gradient(133deg, hsla(210, 62%, 26%, 1) 0%, hsla(254, 47%, 23%, 1) 100%))};\n$coral-color-branding-navigation: #{var(--coral-color-branding-navigation, linear-gradient(133deg, hsla(210, 62%, 26%, 1) 0%, hsla(254, 47%, 23%, 1) 100%))};\n$coral-color-brand-background: #{var(--coral-color-brand-background, linear-gradient(133deg, hsla(210, 62%, 26%, 1) 0%, hsla(254, 47%, 23%, 1) 100%))};\n$coral-spacing-xxs: #{var(--coral-spacing-xxs, 0.25rem)};\n$coral-spacing-xs: #{var(--coral-spacing-xs, 0.5rem)};\n$coral-spacing-s: #{var(--coral-spacing-s, 0.75rem)};\n$coral-spacing-m: #{var(--coral-spacing-m, 1rem)};\n$coral-spacing-l: #{var(--coral-spacing-l, 1.75rem)};\n$coral-spacing-xl: #{var(--coral-spacing-xl, 2.25rem)};\n$coral-sizing-minimal: #{var(--coral-sizing-minimal, 0.75rem)};\n$coral-sizing-xxxs: #{var(--coral-sizing-xxxs, 1rem)};\n$coral-sizing-xxs: #{var(--coral-sizing-xxs, 1.25rem)};\n$coral-sizing-xs: #{var(--coral-sizing-xs, 1.5rem)};\n$coral-sizing-s: #{var(--coral-sizing-s, 1.75rem)};\n$coral-sizing-m: #{var(--coral-sizing-m, 2.25rem)};\n$coral-sizing-l: #{var(--coral-sizing-l, 2.5rem)};\n$coral-sizing-xxxl: #{var(--coral-sizing-xxxl, 13.75rem)};\n$coral-sizing-maximal: #{var(--coral-sizing-maximal, 20rem)};\n$coral-sizing-branding-logo: #{var(--coral-sizing-branding-logo, 1.75rem)};\n$coral-elevation-shadow-neutral-m: #{var(--coral-elevation-shadow-neutral-m, 0 0.125rem 0.375rem 0 hsla(0, 0%, 0%, 0.3))};\n$coral-elevation-shadow-accent: #{var(--coral-elevation-shadow-accent, 0 0.0625rem 0.0625rem 0 hsla(204, 95%, 31%, 0.3))};\n$coral-elevation-shadow-success: #{var(--coral-elevation-shadow-success, 0 0.0625rem 0.0625rem 0 hsla(111, 49%, 34%, 0.3))};\n$coral-elevation-shadow-danger: #{var(--coral-elevation-shadow-danger, 0 0.0625rem 0.0625rem 0 hsla(359, 51%, 53%, 0.3))};\n$coral-elevation-shadow-warning: #{var(--coral-elevation-shadow-warning, 0 0.0625rem 0.0625rem 0 hsla(22, 93%, 41%, 0.3))};\n$coral-elevation-shadow-beta: #{var(--coral-elevation-shadow-beta, 0 0.0625rem 0.0625rem 0 hsla(281, 58%, 29%, 0.3))};\n$coral-elevation-shadow-neutral-inverted-m: #{var(--coral-elevation-shadow-neutral-inverted-m, 0 -0.125rem 0.375rem 0 hsla(0, 0%, 0%, 0.3))};\n$coral-elevation-shadow-neutral-inverted-l: #{var(--coral-elevation-shadow-neutral-inverted-l, 0 -0.25rem 0.5rem 0 hsla(0, 0%, 0%, 0.3))};\n$coral-elevation-shadow-neutral-l: #{var(--coral-elevation-shadow-neutral-l, 0 0.25rem 0.5rem 0 hsla(0, 0%, 0%, 0.3))};\n$coral-elevation-shadow-neutral-s: #{var(--coral-elevation-shadow-neutral-s, 0 0.0625rem 0.125rem 0 hsla(0, 0%, 0%, 0.5))};\n$coral-elevation-shadow-neutral-inverted-s: #{var(--coral-elevation-shadow-neutral-inverted-s, 0 -0.0625rem 0.125rem 0 hsla(0, 0%, 0%, 0.3))};\n$coral-elevation-shadow-info: #{var(--coral-elevation-shadow-info, 0 0.0625rem 0.0625rem 0 hsla(204, 95%, 31%, 0.3))};\n$coral-heading-l: #{var(--coral-heading-l, 600 1.125rem/140% 'Source Sans Pro')};\n$coral-paragraph-m: #{var(--coral-paragraph-m, 400 0.875rem/140% 'Source Sans Pro')};\n$coral-paragraph-m-bold: #{var(--coral-paragraph-m-bold, 600 0.875rem/140% 'Source Sans Pro')};\n$coral-paragraph-s: #{var(--coral-paragraph-s, 400 0.75rem/140% 'Source Sans Pro')};\n$coral-paragraph-s-bold: #{var(--coral-paragraph-s-bold, 600 0.75rem/140% 'Source Sans Pro')};\n$coral-heading-m: #{var(--coral-heading-m, 600 1rem/140% 'Source Sans Pro')};\n$coral-heading-s: #{var(--coral-heading-s, 600 0.875rem/140% 'Source Sans Pro')};\n$coral-data-m: #{var(--coral-data-m, 400 0.875rem/140% 'Inconsolata')};\n$coral-data-m-bold: #{var(--coral-data-m-bold, 700 0.875rem/140% 'Inconsolata')};\n$coral-link-m-underlined: #{var(--coral-link-m-underlined, 600 0.875rem/140% 'Source Sans Pro')};\n$coral-link-m: #{var(--coral-link-m, 600 0.875rem/140% 'Source Sans Pro')};\n$coral-data-xl: #{var(--coral-data-xl, 400 1.5rem/140% 'Inconsolata')};\n$coral-link-s: #{var(--coral-link-s, 600 0.75rem/140% 'Source Sans Pro')};\n$coral-link-s-underlined: #{var(--coral-link-s-underlined, 600 0.75rem/140% 'Source Sans Pro')};\n$coral-radius-m: #{var(--coral-radius-m, 0.5rem)};\n$coral-radius-l: #{var(--coral-radius-l, 1rem)};\n$coral-radius-round: #{var(--coral-radius-round, 6249.9375rem)};\n$coral-radius-s: #{var(--coral-radius-s, 0.25rem)};\n$coral-border-s-solid: #{var(--coral-border-s-solid, 1px solid)};\n$coral-border-m-solid: #{var(--coral-border-m-solid, 2px solid)};\n$coral-border-s-dashed: #{var(--coral-border-s-dashed, 1px dashed)};\n$coral-border-m-dashed: #{var(--coral-border-m-dashed, 2px dashed)};\n$coral-opacity-l: #{var(--coral-opacity-l, 0.2)};\n$coral-opacity-m: #{var(--coral-opacity-m, 0.4)};\n$coral-opacity-s: #{var(--coral-opacity-s, 0.6)};\n$coral-breakpoint-s: #{var(--coral-breakpoint-s, 40em)};\n$coral-breakpoint-m: #{var(--coral-breakpoint-m, 48em)};\n$coral-breakpoint-l: #{var(--coral-breakpoint-l, 64em)};\n$coral-breakpoint-xl: #{var(--coral-breakpoint-xl, 80em)};\n$coral-branding-logo: #{var(\n\t\t--coral-branding-logo,\n\t\turl('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQ3SURBVHgB7Zu/UxNBFMe/e6ahQ0qxiBpaQWfUTjM0aqMMnWMh1iJEeyHBXiLqjDM6IP+A0Dk2Gkq0EMaxkhmuADsgNmZGgfW9vZz5dUcul938uPGbCbnb+5H95L3bu33vIaBZMpXqxT6GADEIIYcgaFmilzbFq3a1aZtN2/KQIkdHrovn2Rw0S0CDilBJOtskrRKcAgqjPL1zEGJZzM0uQoOaAlRghwQlkUJ4KD/ZYNg/yIiXWRshFQrQMFjN11EvM/iNxTCgDQPK8dQIHbUA82DV2iTXzTTquoEBldUkpslyKbRTFmap1zMim80H2T0QIMHFCWyJAIfQGdqka3M4iMvWBVRwB/iI2mG+3QoEeSRgB8O5qgvpC9gFcK6OhPQEVAPKAb6g8+EcCeqrRZAeA4/leQCPlt0Cx5I4R+8pr001FpT3U2P0sYDuk6TXKD3PLpc3VlhQXXdQ1jOn61eBvj4YkKDXE3V5lanSRQ9xByZd89IFArwGDJyBIZ2ih/6KB5F/gMp6EmmYUk+PA2daAhPlVixZcN8gHMuca1breLkVS4ACV2BKDJc0d/oalVlRARZHzjhMiOFa4ZqVoumcUL+oa8Gb0C2+5m7fagccS0DKSWcByoJ70DW/Y7DkZccledlLGxvAzm5l2y6tv3sPjdrDMZyO0QQ2CV1woyN0K7joD+YqkaB3VdvOjm5AFfyKqTmeltATnFFya9tZHkj471coAL8KlW1fv0G7JANaGkfP1/POJ4OmH/nv93YJWP0MwxLEdpYHmVbHVloniskyYBxRFQWcow1IbBYirv+A3S4GtBFd2ZZKX0VVkgGBdURVAj/ZgmuIpiSFYFYsoowqIFtwzUJMAUbxOsxzStwqRoOjaMUV/uPcByWeIlqSnOfnBQcwRrnwVrqp+eia7WaCFaByU51W5AltoeC/PeExGU5QMLi/H5qUcxdiKC1lKaPEgZrm54cMxzN7v1k9t3NAiuMwHN5g4JME951iNc9eoElJSqfNuCsVwQqKz6SpRU9ugt1w4l5wd+Qf5dW8E5BqRhIZGj3T7mrlwzZbkROKOsTWmSNrrH7iL/UXg3GwKf24eTju+z7elDfUps+cMpEl6BRbUbnhiVLEbesHsL2tA8oVj5x3q8tMvDO84yku1WhvuUijksiSaz6obvaeD8aQUWnh7tGm6rOHPAHVbcPCKHRdj2blFCH4FAYFKSP5AE4sdqbCl5G46mDIQIVAdWMyZHqbkhjD6CR35fEhYClXoKBTEfI8j1Q4+q5mXtwHKxgcq/FySidZyjUprXbZTYJ7WF0mUk9hC2Lj9MQwRkdPhT1HA3ImAvSUFbSEslzNljQz6HQxvx+HXtimwFxp65ByXYkbdMYkSjOSRs+fLwbBGCzXDBhCdiCQilnjQXqzZXvpW+KotbCtYrIc9JJijf+tgONDOqDK9RfJ1nAWmpwCzwAAAABJRU5ErkJggg==')\n\t)};\n$coral-transition-instant: #{var(--coral-transition-instant, 100ms ease-out)};\n$coral-transition-fast: #{var(--coral-transition-fast, 250ms ease-in-out)};\n$coral-transition-normal: #{var(--coral-transition-normal, 300ms ease-in-out)};\n$coral-transition-slow: #{var(--coral-transition-slow, 400ms ease-in)};\n$coral-elevation-layer-flat: #{var(--coral-elevation-layer-flat, 0)};\n$coral-elevation-layer-standard-front: #{var(--coral-elevation-layer-standard-front, 4)};\n$coral-elevation-layer-interactive-front: #{var(--coral-elevation-layer-interactive-front, 8)};\n$coral-elevation-layer-overlay: #{var(--coral-elevation-layer-overlay, 16)};\n$coral-animation-heartbeat: #{var(--coral-animation-heartbeat, coral-light-keyframes-blink 1.5s cubic-bezier(0.7, 0, 1, 1) infinite)};\n",".required:after {\n\tcontent: '*';\n\tdisplay: inline;\n}\n","@use '@talend/design-tokens/lib/tokens' as tokens;\n\n.code-widget__loading {\n\tdisplay: grid;\n\tgap: tokens.$coral-spacing-s;\n\tpadding: tokens.$coral-spacing-m;\n\n\t&__lines {\n\t\tdisplay: grid;\n\t\tgap: tokens.$coral-spacing-s;\n\t\tpadding-left: tokens.$coral-spacing-l;\n\t}\n}\n",".tooltip {\n\tdisplay: block;\n}\n\n:global(.tc-inline-message p) {\n\tvertical-align: baseline;\n}\n","@use '@talend/design-tokens/lib/tokens' as tokens;\n\n$tf-comparator-operator-height: 1.875rem !default;\n$tf-comparator-operator-width: 3.125rem !default;\n$tf-comparator-operator-top: 1.5rem !default;\n$label-margin-top: 1.05rem;\n\n.comparator {\n\tposition: relative;\n\n\t:global {\n\t\t.dropdown {\n\t\t\tposition: absolute;\n\t\t\ttop: calc($label-margin-top + tokens.$coral-spacing-xxs);\n\n\t\t\t&-menu {\n\t\t\t\tmin-width: auto;\n\t\t\t}\n\n\t\t\t.tc-svg-icon {\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t.btn {\n\t\t\t\theight: $tf-comparator-operator-height;\n\t\t\t\twidth: $tf-comparator-operator-width;\n\t\t\t\tcolor: tokens.$coral-color-neutral-text;\n\t\t\t\tbackground: tokens.$coral-color-accent-background;\n\t\t\t\tborder: 1px solid tokens.$coral-color-neutral-border;\n\t\t\t\tborder-radius: tokens.$coral-radius-s 0 0 tokens.$coral-radius-s;\n\t\t\t\tz-index: 1;\n\t\t\t\tpadding: {\n\t\t\t\t\tleft: tokens.$coral-spacing-xxs;\n\t\t\t\t\tright: tokens.$coral-spacing-xxs;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tinput {\n\t\t\tpadding-left: calc($tf-comparator-operator-width + tokens.$coral-spacing-xs);\n\t\t}\n\t}\n}\n\n.operator {\n\t&.selected {\n\t\tfont-weight: bold;\n\t}\n\n\t.symbol + .name {\n\t\tpadding-left: 0.625rem;\n\t}\n}\n","@use '@talend/design-tokens/lib/tokens' as tokens;\n\n.key-value {\n\tdisplay: flex;\n\n\tdt,\n\tdd {\n\t\tflex: 1;\n\t}\n\n\tdt {\n\t\tdisplay: flex;\n\t\talign-items: flex-end;\n\n\t\t> * {\n\t\t\tflex: 1;\n\t\t}\n\n\t\t&::after {\n\t\t\tgrid-area: equal;\n\t\t\tcontent: '=';\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\theight: tokens.$coral-sizing-l;\n\t\t\twidth: tokens.$coral-sizing-m;\n\t\t}\n\t}\n}\n","@use '@talend/design-tokens/lib/tokens' as tokens;\n\n.wrapper {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: flex-end;\n\tborder: tokens.$coral-border-s-solid tokens.$coral-color-neutral-border;\n\tborder-radius: tokens.$coral-radius-s;\n\theight: auto;\n\tpadding: 0;\n\n\t[class^='InputWrapper-module'] {\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t}\n\n\t.focus-manager {\n\t\tflex-grow: 1;\n\t\toutline: none;\n\t}\n\n\t.typeahead {\n\t\t.items {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style-type: none;\n\t\t}\n\t}\n}\n\n.has-error {\n\tborder-color: tokens.$coral-color-danger-border;\n}\n",".tc-badge-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tpadding: 0;\n\n\t> li {\n\t\tlist-style: none;\n\t}\n}\n",".nested-list-view {\n\t// Temporary hide list count with CSS, should be done properly\n\t// once ListView UX/UI specifications have been finished\n\theader > small {\n\t\tdisplay: none;\n\t}\n}\n","@use '@talend/design-tokens/lib/tokens' as tokens;\n\n.tf-array-text-mode {\n\tol {\n\t\tlist-style: none;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: tokens.$coral-spacing-xxs;\n\t}\n}\n","@use '@talend/design-tokens/lib/tokens' as tokens;\n\n.tf-array-item {\n\tdisplay: flex;\n\tcolumn-gap: tokens.$coral-spacing-s;\n\tbackground: tokens.$coral-color-neutral-background-medium;\n\tpadding: tokens.$coral-spacing-xs 0;\n\n\t.delete button,\n\t.control button {\n\t\topacity: 0;\n\t}\n\n\t&:hover {\n\t\tbackground: tokens.$coral-color-neutral-background;\n\n\t\t.control button,\n\t\t.delete button {\n\t\t\topacity: 1;\n\n\t\t\t&:disabled {\n\t\t\t\tcolor: tokens.$coral-color-neutral-text-disabled;\n\t\t\t}\n\t\t}\n\t}\n\n\t> * {\n\t\tflex-grow: 1;\n\t\tmargin: 0;\n\t}\n\n\t.control {\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: space-between;\n\t}\n\n\t.delete {\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n}\n","@use '@talend/design-tokens/lib/tokens' as tokens;\n\n.tf-array-fieldset {\n\t&::before {\n\t\tcontent: attr(data-content);\n\t\tdisplay: inline-block;\n\t\tmargin: tokens.$coral-spacing-m 0;\n\t}\n\n\t.tf-array-add {\n\t\tfloat: right;\n\t}\n\n\t.tf-array {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\n\t\t.item {\n\t\t\tlist-style: none;\n\t\t}\n\t}\n}\n","@use '@talend/design-tokens/lib/tokens' as tokens;\n\n:global([data-drawer-content]:has([data-drawer-absolute-footer-buttons])) {\n\tmargin-bottom: 50px;\n\n\t.drawer-absolute-footer-buttons {\n\t\tbackground: tokens.$coral-color-neutral-background-medium;\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tpadding: tokens.$coral-spacing-xs tokens.$coral-spacing-m;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\n\t\t> div {\n\t\t\tdisplay: flex;\n\t\t\tflex: 1;\n\n\t\t\t> div {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}